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.
Edit CSS for Image Checkboxes WidgetAsked by vito1202 on June 17, 2014 at 03:21 AM
hello all and sorry for my english.
I have a question.
I would like to change the appearance of the individual boxes of the image widget checkboxes to make them appear the same as the image picker widget.
I wonder, is it possible to act through css?
and if you like I can do '.
my problem is that the appearance of the widget image checkboxes just do not like and I have to use it mandatory because with the image picker widget you can not use the conditional fields.
In other words, I would make the same image checkboxes aesthetically image picker without losing the characteristic of the conditional fields.
Unfortunately it is not possible to add css to widgets.
From my tests it is possible to use conditions with Image Picker widget. You can test the form by selecting one the images that will show other field:
Is there a specific condition you are trying to implement?
If you need further support please let us know.
this is great.
but I do not know how to operate the conditions in my form.
I tried but does not work with image picker.
Can you explain how I should do please?.
It is possible to inject custom CSS codes on Image Checkboxes Widget. It is available on its settings.
Paste the CSS codes from the link below on the image checkbox widget inject CSS box to mimic the layout of the image picker widget.
Hope this helps!
thanks, this is perfect for me.
Thank you very much.
now I ask one last help, I would like to put all the images in the same row, I would like to reduce the space between image and the other just like the image picker widget, thank you.
Add the following on the widget CSS box to make images closer to each other.
margin: 10px 2px !important;
Then you must also expand your widget width so the images aligns on the same line.
JotForm Support Manager
Your last post contains an unrelated question. I have opened a new thread for it, please follow up there
The first 2 images show correctly my condition.
this condition displays everything correctly if I click for the first time
this condition is correct because the first time I clicked on the option.
but if I clicked on these options and then I'll want to go back, then the condition is as thought they were stored in memory.
But this is not correct.
When I click on the iPhone, after clicking on the iPad, the option wi and wi + cellular should disappear and instead remains.
Please see it live on my site.