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.


  • Profile Image

    change border on image radio buttons

    Asked by kauseway on November 28, 2014 at 10:16 AM

    I have to questions with the image radio buttons.

    1) It has a grey border and when you select it turns blue. I dont want that border. Is there a css styling I can use to not show the border?

     

    2) In the first image you see I have a fridge and when you select it, it turns blue.  The issue is you cant deselect the fridge.  All you can do is select another image.  So the problem is if somone accidentally selects one image they are stuck and have to pick something. 

    Is there a way to get it to deselect an image so they are no stuck with one of the radio button options?

    Page URL:
    http://form.jotform.us/form/43305271133140?

    radio buttons Image Radio Buttons image radio problem select all
  • Profile Image

    Answered by kauseway on November 28, 2014 at 11:25 AM

    Ok I found an image checkbox button which resolves. (2)  

    But still have the issue with the grey border.  The checkbox grey border actually looks bad and broken. Can I remove the border on checkboxes with a css styling or other work around?

    Also, as a future update request, if you can assign values to each checkbox that would help in making calculations. I want to put image checkboxes for add on items for our service and for it to add to a total.
  • Profile Image
    JotForm Support

    Answered by Kiran on November 28, 2014 at 02:10 PM

    Actually the colour used for unselected images is White. But it appears to be grey due to groove border style used. If you want you can change this style to solid and match the color of background of your JotForm. 

    Please insert the code below into the widget's custom CSS code to make the changes.

    li img {

    border-style : solid #999;

    }

    You can change the color code #999 to match the background or may be removed if you want to use white. With no color added (i.e., leaving default white color), you can see the following result.

    Hope this information helps. Please get back to us if you need further assistance. We will be happy to help.

  • Profile Image
    JotForm Support

    Answered by Kiran on November 28, 2014 at 02:12 PM

    Also, your feature request on assigning calculation values to image buttons is moved to a separate thread and shall be addressed there. 

    http://www.jotform.com/answers/466227 

    Thank you for using JotForm.