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

    Can I pair images with radio buttons?

    Asked by leniekins on March 05, 2012 at 10:30 PM

    In my form, I want radio buttons with images that the user can click on. Is this possible?

    Page URL:
    http://www.wonderlandcookies.com/cookie-bouquet-order/

  • Profile Image

    Answered by pinoytech on March 05, 2012 at 10:42 PM

    Hi,

    Does this sample form exemplify your goal?

    If yes, then please add this custom css on your form:

    input[type="radio"]:checked+label img  {
    padding:0px;
    border: 1px dashed red;
    }
    input[type="radio"]+label img {
    padding: 1px;
    }

    To inject custom css:

    1. Go to Setup & Embed tab

    2. Click Preferences Form button

    3. Choose Form Style tab

    4. Copy and paste the css code in the Inject Custom CSS text area

    You may modify the css border property to suit your preference. Please here to learn more about border properties.

    Hope you find this post useful. Kindly send us a message if you have other issues that need attention.