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

    Add image in Radio/Checkbox options

    Asked by wallburst on July 21, 2013 at 09:12 PM

    I am hoping this is possible.

    I want my users to choose a photo from a selection of 20 images with a radio button or a check the box.  Is this possible without making the form to massive or slow loading?

     

    Thanks,

     

    Adam

    check Selection thanks
  • Profile Image

    Answered by sidharth_kch on July 21, 2013 at 11:22 PM

    @wallburst

    Yes that's possible to achieve using checkbox or radio button question. You need to just add the image urls in the checkbox options.

    Please follow these steps:

    1. Add checkbox question to your form.

    2. Click options button from the top properties toolbar.

    3. Add the your image html code in the checkbox options:

    <img alt="" src="YOUR_IMAGE_URL" style="width: 50px; height:50px; " align="absmiddle"> Image

    You need to replace the bolded text from the above sample code with your image URL. You can also change the image size by changing the width/height. If you need to further stype the images that is possible with the custom css code.

    As far as loading time of your page is concerned, that should not be too much of an issue if the size of the images are small. 

    Please let us know if you need further assistance.

    Thanks,

    Sidharth

  • Profile Image

    Answered by wallburst on July 22, 2013 at 01:13 PM

    Thank you very much! One quick follow up for the checkbox option with images. Is there a way to set it up in my form so that the images and options are horizontally displayed instead of vertical?

  • Profile Image

    Answered by EliezerN on July 22, 2013 at 02:35 PM

    @wallburst

    Yes, there is away to do that, please kindly follow these steps:

    1. While editing your form click over the Radio Button field.

    2. In the top of the page click on Spread Columns, choose a number as the number of the options of the field and click on OK.

    And that's it. You can do the same with the Check Box field by following the same steps.

    If you need further assistance please make your question in a new thread, and we will be more than glad to assist you.

    Thanks.

  • Profile Image

    Answered by Mathew123 on June 14, 2016 at 08:08 PM

    Is there a way to do this BUT instead of putting an image URL enter a colour code? Such as "b4e7ae" hex colour code?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 14, 2016 at 10:19 PM

    @Mathew123,

    Since this thread is quite old, I have moved your question to a separate thread, so we will reply only to your question, the new thread can be found on this link: https://www.jotform.com/answers/860976 

    We will assist you there as soon as possible. 

  • Profile Image

    Answered by merkaz on September 16, 2016 at 10:39 AM

    Hello, just rereshing this question.

    It seems to be that its not anymore possible to add src="YOUR_IMAGE_URL" to radio option?

     

    thank you

  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 16, 2016 at 11:43 AM

    @merkaz,

    This is an old thread, in order to properly assist you, I have moved your question to another thread and it can be found here: https://www.jotform.com/answers/934239 

    We will assist you with that as soon as possible.