10 years ago
Topic
Hi,
I want to use a checkbox field to show a row of filters. I would like to hide the square box but use a click on the label to enter the value.
The color in the background of the label should indicate if the value is set or not. Can I define such color settings in the list type, or is this a matter of css in the template?
Thanks in advance for any hints.
I want to use a checkbox field to show a row of filters. I would like to hide the square box but use a click on the label to enter the value.
The color in the background of the label should indicate if the value is set or not. Can I define such color settings in the list type, or is this a matter of css in the template?
Thanks in advance for any hints.
4229 Posts
10 years ago
0
Level 1
Hi,
as you mentioned, this is a matter of CSS, could be you will also need to add some javascript as normally labels css does not change when option is clicked
as you mentioned, this is a matter of CSS, could be you will also need to add some javascript as normally labels css does not change when option is clicked
10 years ago
0
Level 1
Hi Klas,
Thank you for the direction. I found the pseudo class ":checked", e.g.
input[type=checkbox]:checked + label { color: #f00; font-style: normal; }
That can be used to visualize the toggle between the checkbox values while the box is hidden.
Thank you for the direction. I found the pseudo class ":checked", e.g.
input[type=checkbox]:checked + label { color: #f00; font-style: normal; }
That can be used to visualize the toggle between the checkbox values while the box is hidden.