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

    Images instead of text on radio buttons

    Asked by RHemery on October 17, 2012 at 04:22 AM

    Hi

    We are creating a form where the user can pick their preferred logo from a choice of 3 options. However, instead of text next to radio buttons, we would like to display an image.

    Can you please tell me how we can go about doing this?

    Thanks

    Rich

    radio buttons images as labels images as options checkboxes
  • Profile Image
    JotForm Support

    Answered by idarktech on October 17, 2012 at 05:00 AM

    Hi Rich,

    To add images on radio buttons, please follow these steps.

    1. Add radio buttons to your form

    2. Click Options button on its properties

    3. Paste your HTML image code. Example:

    <img alt="" src="https://www.jotform.com/image/yourimage.png" style="width: 41px; height:28px; " align="absmiddle"> Label

    Be sure to replace the image URL (highlighted in light blue) to your image URL and images dimensions (bolded numbers). You can also add labels (highlighted in orange) if you like. Check this visual guide, I used checkbox but it's totally the same with radio buttons.

    Thanks!
  • Profile Image

    Answered by uudot on April 18, 2013 at 11:10 AM

    This was really helpful, thanks!

  • Profile Image

    Answered by magicflight on June 08, 2014 at 04:39 PM

    Hi there, these instructions are working perfectly,

    however when I use a radio button array (with images embedded) and try to use conditional statements, none of the conditions work. Right now I have it set up very simply. Radio button 1 has an image, radio button 2 has no image. I have a conditional statement set to display another field if radio button 1 or radio button 2 is checked. When radio button 1 is selected, the hidden field does not show up, but when radio button 2 is checked, the field shows up perfectly. Can you advise?

     

  • Profile Image
    JotForm Support

    Answered by jonathan on June 08, 2014 at 05:33 PM

    @magicflight

    Hi, I made a new thread with regards to your question here

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

    Please use the new thread for further response.

    Thanks.