Collapsible Forms

Anonymous

#19339

Hi,

Any tips on how I might go about making the search and filter pro form collapsible? I’m sure someone else has done this. More specifically, I would like to add collapsible checkboxes in the search&filter form (see, for example: http://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp) as we have many criterion on which to filter so it takes up a lot of space. Is there any advice you can give on how to approach that? Would I need to hook in somehow? Or do I have to change the S&F source code… I’d rather not, of course!

Thanks!

Anonymous

#19355

Collapsing can sometimes be accomplished using CSS and link-state with pseudo classes.

Can you be more specific on exactly what you want to collapse?

For example, on a filter form I’ve built, we have hierarchical categories as checkboxes, and needed the child categories checkboxes to only show if the parent category checkbox is checked.

You can see as example of that here (this is a stage/development site so this link may not be active past July):

http://www.betabai.com/deals/

If you click in any of the checkboxes in the Filter By Location or Filter By Resort, you’ll see the CSS-based collapsing in effect.

However, in order to do this, I did have to hack the code slightly. I do know that Ross said he was taking this need into account in the next version, and will hopefully provide an easy setting/option for this, but if this type of solution will suit your needs, then in this post I explain how I did this:

https://support.searchandfilter.com/forums/topic/hide-child-taxomony-in-hierarchical/

I hope this helps – you may be able to find a javascript solution that won’t require hacking the plugin, but I needed a non-javascript solution.

[Author]

Posts