change border on image radio buttons

  • Profile Image
    kauseway
    Asked 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?

  • Profile Image
    kauseway
    Answered 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
    Kiran
    Answered 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
    Kiran
    Answered 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.