Responsive Display Filters

Ben Brisbout

#267027

Hi there,

Thanks again for this addon.

I’m working on the responsivity of it and I’m facing issues.
Is it possible to change the field kind (dropdown instead of radio fox exemple)
and display every field in a line such as a menu on the page ?

Thanks a lot for your help !

Add New Note to this Reply

Trevor Moderator

#267061

Until V3, you can have a field only in the one type on the page. In V3 (due in a few months), you will be allowed to have the fields multiple times, to allow showing of different format fields responsively.

You would need to create your own CSS for the form, using CSS media queries to make the CSS responsive. For example, you can wrap your CSS for the desktop display (horizontal) so it does not affect the mobile view, but you need to discover the responsive breakpoint of your theme. For example, like this:

@media (min-width: 992px) {
  .searchandfilter[data-sf-form-id="1234"] {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
  }
}

Where 1234 needs to be changed to match your form ID.

For more custom CSS examples, there are many snippets in the forum:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

Add New Note to this Reply

Ben Brisbout

#267254

Thanks for this reply Trevor,

Is it eventually possible to think about displaying the filters on the choice of the user ?
Click to display / Click to hide ?
I’ve searched in the forum but didn’t find anything.

Thansk again for your precious help.

Add New Note to this Reply

Trevor Moderator

#267256

Making the title an Accordion type toggle is not a current feature (but can be done with your own custom JavaScript), and I think we will have this feature in V3.

Add New Note to this Reply

[Author]

Posts