What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Configurable List: Adding custom CSS stylesAsked by Tfklmm on July 18, 2016 at 01:17 PM
Hello, I'm trying to custom the style of my configurable list but the css selctors such as :hover seems not being taken into account. Is there any solution ?
This is a re-post of a comment on How to Set Up the Configurable List Widget
The styles should work, but you will need to add them to the 'Custom CSS' section of each widget you would like to style.
If you need any further assistance on this, please let us know.
(from Tfklmm sub account)
Thanks, this advice as been helpfull. However, I still encounter problems while adding the code:
The behaviour make me think that the checkboxes are contained in other elements so that the combinator is not taken into accaount but as the widget code is not available on the source code, I'm not able to custom the style as wanted. Is there any solution ?
The structure is :
I would request you, can you please send the URL of your Form, also please explain in detail exactly what change do you want to achieve in Form via css.
You may also have a look at JotForm CSS tips on the below URL:
<input type="checkbox" name="test1" value="answer1"><br>
<input type="checkbox" name="test2" value="answer11"><br>
<input type="checkbox" name="test3" value="answer12"><br>
this is what i'd like to obtain
the in work form https://form.jotformeu.com/61872480088362
I am assuming you want to show and hide other check boxes, once click on the first check box. For achieving this functionality the more easy and convenient way would be to use Jotform conditional logic.
Please have a look of conditional logic on the below URL:
Also you can inject custom css code, according to the below article:
If you face any issue or need further assistance, please feel free to revert back.