Make the form look nice

Anonymous

#28129

So the plugin is calling some css&js files, and I understand it is using chosen jquery plugin to beautify the form.

But my search and filter form is not looking good at all (it’s css is the browser built-in defaults).

In fact, the only css the is implemented on my select-boxes by the plugin is this:

.searchandfilter select {
    min-width: 170px;
}

In my HTML I can indeed see calls to 3 css&js files:

<link rel='stylesheet' id='search-filter-chosen-styles-css' href='/wp-content/plugins/search-filter-pro/public/assets/css/chosen.min.css?ver=2.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='search-filter-plugin-styles-css' href='/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=2.0.2' type='text/css' media='all' />
<script type='text/javascript' src='/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.js?ver=2.0.2'></script>

This files are loaded OK but as I said I don’t see them making any difference on the page, making the form look any different.

How to make the form look nice (activate the “chosen” design)?

Ross Moderator

#28163

Hey there,

To use chosen in your select fields, just tick the option “make combobox” in the field 🙂

Thanks

Anonymous

#28167

Thanks man

Anonymous

#28168

Any chance to make the chosen-search disappear for certain fields (the one’s with very few values)?

Anonymous

#28171

Never mind, figured it out (added display:none to it).

BTW, for whoever has an RTL website and the form completly f**ks up with chosen,
just go search-filter-build.js line 88 and add <div class=”chosen-search chosen-rtl“>

Ross Moderator

#28172

Oh nice catch thanks, I will add a RTL condition in somewhere for this field.

Ross Moderator

#28173

I’ve just emailed you a fix for this – also added RTL support for the date picker and range slider – would you care to checkout and let me know this fixes that issue?

Thanks

Anonymous

#28219

Sorry dude, I’ve made some modifications to the css and search results display on my client’s website, and I don’t want to mess it up.

Previously I had trouble only playing with the _sft_ prefix (changing it to something else and then changing back somehow ruins the search), so I’m kind of careful with it haha.

[Author]

Posts