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.
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
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
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>
Let us know if you have further questions. Thanks!
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.
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!
Can you still do conditional formatting when you add images to a radio button? I began a thread on this here.
Please refer to your created thread to respond, as I had already replied to it.