Forums › Forums › Search & Filter Pro › Make the form look nice

  • This topic has 7 replies, 2 voices, and was last updated 9 years ago by Anonymous.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  October 24, 2015 at 11:49 am #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
    (Private)  October 25, 2015 at 4:22 pm #28163

    Hey there,

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

    Thanks

    Anonymous
    (Private)  October 25, 2015 at 5:08 pm #28167

    Thanks man

    Anonymous
    (Private)  October 25, 2015 at 5:12 pm #28168

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

    Anonymous
    (Private)  October 25, 2015 at 5:24 pm #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
    (Private)  October 25, 2015 at 5:33 pm #28172

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

    Ross Moderator
    (Private)  October 25, 2015 at 6:07 pm #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
    (Private)  October 26, 2015 at 10:30 am #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
Viewing 8 posts - 1 through 8 (of 8 total)