Example Description
In this example, we simulated a multi-select dropdown menu with checkboxes that lets visitors search site content using more than one filter option at a time. Users select multiple continents and all matching countries are displayed on the page.
How We Built It
We used our Search a Database example site as the basis for this example.
Page Elements
The Search a Database example includes a repeater, dataset, and dropdown filter. In this example, in order to create our customized dropdown, we replaced the dropdown element with the following page elements:
-
A container box with a down arrow image that looks like a dropdown.
-
A text element inside the container box. The default text defined in the Editor is "Filter search by Continents."
-
A repeater for the part that "drops down". Each repeater item contains a checkbox and text for the name of a continent. This is where the user makes multiple selections.
Related Examples
Did this help?
|
Thanks for your feedback!

Search a Database
Let visitors quickly search your site content.

Intermediate

Dynamic Slideshow
Populate a slideshow with database content.

Intermediate

Dropdown Custom Element
Create a dropdown with text and images using a custom element.

Advanced