[Resolved] Change select multiple style on filter

[Author]

Posts

[davideE-4]

Hi, I would like to change the graphics of the multiple selections into View -> Filter ([wpv-control-postmeta type="multi-select"...]).
I have already activated bootstrap 4 on my settings.
How can I change the styles?

Regards

[Shane]

Hi David,

Thank you for getting in touch.

To get this clear you want to customize how your multiselect items are displayed? If there is an example perhaps I can point you in the right direction, however any customization to the filter will require the extensive use of css.

Thanks,
Shane

[davideE-4]

Hi Snane,
i am trying to integrate this
hidden link
for the styles of the fields and it seems to work.

I only have a problem when I reset the search which does not load correctly.
I think it's an AJAX management problem that doesn't load my JS files.
I attach three screeshots. The filters without styles (Screen 1), the filters with style (Screen 2) and what happens after the reset (Screen 3).

Are there other libraries that you can recommend to draw up the fields?

Thanks!

[Shane]

Hi David,

Does it work fine before the AJAX search ?

Are you using our Blocks plugin to create this ?

Please let me know.

Thanks,
Shane

[davideE-4]

Hi Shane,
i have creation in view from Toolset -> Views.
From here I added my filters and created a new div to manage multi-selection fields.
The problem is only when I reset the form.
During the search I see everything correct.

Thanks

[Shane]

Hi David,

Ok given that you have created this through custom means there should be some Javascript associated with the field. Now if you go to your view and edit it you should see a section called JS where you would add your Javascript code.

This section when you open it you should see a button for Frontend Events. See Screenshot.

You will need to add the Appropriate callback function for the frontend action on the form that you are taking and then add your custom Javascript code within that function.

For e.g if you perform an AJAX search you will need to add the function for "The custom search results have been updated"

Please let me know if this helps.
Thanks,
Shane

[davideE-4]

Hi Snahe,
I tried but it doesn't work.
Can I send me access so I can help you?
Regards