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 selection border color on selected radio button with image.

    Asked by geo89 on June 08, 2015 at 07:52 AM

    Here is the form url: http://form.jotformeu.com/form/51331740

     

    I would like to have the border of the selection change color.

     

    Example:

     

    Page URL:
    http://form.jotformeu.com/form/51331740

    image selector image picker radio image
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 08, 2015 at 10:02 AM

    Hi,

    That's possible. Inject the following CSS codes to your form. That should make it look like in your screenshot. If you like it, I have also included the CSS to remove the radio buttons so only images will be seen.

    .form-radio:checked + label {

      border: 4px solid #F00;

      display: block;

    }

    .form-radio {

      visibility: hidden;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Result:

    By the way, we also have widgets that is designed for that purpose. You can use any of the following.

    http://widgets.jotform.com/widget/image_picker

    http://widgets.jotform.com/widget/image_radio_buttons

    Hope these helps!

  • Profile Image

    Answered by geo89 on June 08, 2015 at 02:49 PM

    Thank you so much, you are the best.