Does anyone knows how to make a filter page such as this pic

Ask the community
,
1

Does anyone has a clue how to make this filter page

648×698 30.5 KB

2

Hi,
Can you be more specific ?
What do you try to achieve ?
Roi

3

A filter page where you can choose stuff such as date, age, school or something like that (that it looks for the best match) with everyrhing you want (all the filters)

4

How do you want to present the filtered results ?
Roi

5

In a gallery so that if you completed all your filters you will see your matches in a gallery (repeater)

6

Hi,
Create a click event to the submit button and use filter method.
Here is a sample function:

function onclick() {
    const description = $w('#descriptionInputElement').value;
    const numberOfStudents = $w('numberOfStudentsDropDown').value;
    $w("#myDataset").setFilter( wixData.filter() 
    .contains("description", description) 
    .eq("numberOfStudents", numberOfStudents) );
    
    $w('#myRepeater').show();
}

Don’t forget to set the repeater to hidden on load.
Good luck!
Roi

7

IT doesn’t works it says my function onclick is unused…

function onclick() {
const description = $w(‘#dropdown1’).value;
const numberOfStudents = $w(“#dropdown2”).value;
$w(“#dataset3”).setFilter( wixData.filter()
.contains(“prijs”, description)
.eq(“leeftijd”, numberOfStudents) );

$w('#gallery3').show();

}

8

Hi,
Looks like you didn’t define the onclick event on the element.


Click on the plus sign next to the “onClick:” and white the name on the function.
Roi

9

I already did that!

10

Can you share a screenshot of the code and the repeater’s properties panel ?
Roi