Jump to content
belltree

Advanced filtering module tweaks

Recommended Posts

Here are a couple tweaks for the Advanced Search module that Daniel.de was kind enough to share (thank you for that!). They really make a big improvement in the appearance of the module in my opinion.

 

 

1. You can specify a maximum height for the filter sectors in the module so in the case where you have many select-able values it does not become very tall and messy looking. To do so add the below code in a custom css.

.jrCheckboxFilter .jrFilterUnselected, .jrLinkFilter .jrFilterUnselected {    max-height: 200px;}
2. To prevent field the filtering module from displaying the selected field values from being displayed like in the below screenshot (Argentina, Australia, Belgium, Can....) add the below code in a custom css.

 

BkkYs1Y.png?1

p.jr-selected-filters-preview.jrSelectedFiltersPreview {    display: none;}
Edited by belltree

Share this post


Link to post

Hello, 

about this:  p.jr-selected-filters-preview.jrSelectedFiltersPreview { display: none;}   there is a tag, and when u put it in the filter template =0  it will hide the selected items. so no need for extra css.

probably this is an old post but for the new ones in jreviews to not add extra css.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Please refer to our Privacy Policy.