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 have a list of images, each with a checkbox and external preview link?

    Asked by guest_23507232238044 on December 17, 2012 at 01:32 AM

    Hi,

     

    I want to make a form that is a content request catalog that features a thumbnail image with a checkbox, name, and external link (preview) per row.  My customers can then select all the checkboxes they want and then submit the form.

     

    CHECKBOX (with NAME) -- IMAGE -- EXTERNAL LINK

     

    Can I set each widget width?  When I added a checkbox and typed in a name it would change the alignment of everything.  I couldn't get each to have a set width.

    Can I choose to have the email notification send just the name of the selected box?
    Thanks
    image checkbox catalog request form preview
  • Profile Image
    JotForm Support

    Answered by idarktech on December 17, 2012 at 03:17 AM

    Hi,

    This is somewhat related to this thread.

    --

    To explain it short, you can inlcude HTML codes on the check boxes options to be able to achieved it. Example:

    Label Name <img alt="" src="https://www.jotform.com/image/yourimage.png" style="width: 41px; height:28px; " align="absmiddle"> <a target="_blank" href="https://www.jotform.com" > External Link</a>

    Visual guide:

    Let us know if you have further questions. Thanks!

  • Profile Image
    JotForm Support

    Answered by abajan on December 18, 2012 at 05:46 AM

    @guest_23507232238044

    In order to stop the images of selected items from appearing in both the email alerts and submission records, a copy of the form's full source would have to be embedded into a web page and the value attribute of each checkbox's (or radio button's) input tag stripped of everything but the text of the particular checkbox's (or radio button's) label.

    That is what was done in the case of this demo which uses a different technique to that described by my colleague to display the images (which are links).

    Perhaps the best way to understand how this was achieved would be to clone the form (http://www.jotformpro.com/form/23514962182959) and have a look at both its injected CSS and the code in the Options of the checkbox field.

    Please let us know if you would like further assitance with this.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on December 18, 2012 at 06:42 AM

    Incidentally, the images were optimized using a tool I recently discovered (TinyPNG) that significantly reduces file sizes of PNGs and allows them to be displayed with transparency in IE6 without any hacks!

  • Profile Image

    Answered by surf_town on October 11, 2013 at 06:36 PM

    Can you still do conditional formatting when you add images to a radio button? I began a thread on this here.

  • Profile Image
    JotForm Support

    Answered by jonathan on October 11, 2013 at 07:31 PM

    @surf_town

    Please refer to your created thread to respond, as I had already replied to it.

    Thanks.