- guest_23507232238044Asked 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
- JotForm SupportidarktechAnswered on December 17, 2012 at 03:17 AM
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!
- JotForm SupportabajanAnswered on December 18, 2012 at 05:46 AM
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.
- JotForm SupportabajanAnswered 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!
- surf_townAnswered 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.
- JotForm SupportjonathanAnswered on October 11, 2013 at 07:31 PM
Please refer to your created thread to respond, as I had already replied to it.