Dieser Thread wurde gelöst. Hier ist eine Beschreibung des Problems und der Lösung.
Problem:
In a Custom Search View, how to change radio button background color after click?
Solution:
1. In View >> Custom Search Settings >> select “Always show all values for inputs” and add this css and modify as needed:
.radio.active label {
background-color: #ebebeb;
}
2. In Filter Editor >> JS editor >> please add this JS and modify as needed:
jQuery(document).ready(function($){
$(document).on('click','.wpv-filter-form .radio', function(){
$('.wpv-filter-form .radio').removeClass('active');
$(this).addClass('active');
});
});
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | - |
| - | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | - |
Supporter timezone: Asia/Karachi (GMT+05:00)
This topic contains 9 Antworten, has 2 Stimmen.
Last updated by Junichiro Taira vor 6 Jahre, 1 Monat.
Assigned support staff: Noman.
hidden link
I made filter section as attached image.
CSS can work when mouse over filter button.
But when I click it and move out mouse, Background-color will go back to normal.
How can I keep it ?
I see there is "cheked" code. But I could not figure out how can I use it.
Hi Junichiro,
Thank you for contacting Toolset support. In View >> Custom Search Settings >> you are using “Show only available options for each input”.
Please disable this above option and select other one called “Always show all values for inputs” -- screenshot attached.
After that you need to apply “active” css class on the filter manually. If you can do that at your own please go ahead and let me know, I am also trying this at my end and once ready I will send you the css code to use.
Thank you for waiting.
Of course I did that.
