This help desk is no longer actively support. We have switched to a ticketing system to more smoothly manage support, and free up development time. Your newly created tickets won't be available here. You will instead have an email history of your new tickets.

We are working on moving everything current and helpful from public tickets into the docs. This will be a long process and in the meantime, public tickets will remain searchable.

Your private tickets will remain available to you indefinitely. See your old tickets.

Help Desk

Help with visual forms

Labels

This Ticket is public

Notifications

I'm rebuilding a client website in WordPress and have several lengthy forms that also have a number of visual references for user selections.

Here is one of the forms: http://legacylockers.com/specification-builder-premium-wood-lockers.php

Questions:

1. Does FP support associating visual options with form selections, such as multiple images tied to radio or check-box selections?
2. Is there a FP forms developer network that I can contact for estimates on building these forms in FP?

Thank you,

Kevin

yes, you can add images above radio buttons with some custom HTML and CSS. All the other fields in that form look pretty normal.

We don't have an official developer network where people can submit projects and estimates, but you could try our friends at http://www.fatbeardstudios.com . They may be able to help.

Thank you Steve.

I suspected that it could be done using html/css and I've been digging in myself, but I just can't figure out how to isolate/associate each image with each radio button option.

Would it be possible for you to give me a generic code sample of associating separate images to separate radio buttons?

If you can get me started, I'm pretty sure I can work out the details.

Also thanks for the resource link...

Kevin

So you can break up the individual radio button options in the "Customize HTML" tab on the settings page. You can replace the [input] shortcode with [input opt=1] [input opt=2] [input opt=3] etc. Here is an example from another post where a user inserted images above the radio buttons:

Hope this helps you get started.

Thank you very much - I'll see what I can do.

Could you send me that post link (if it's not a private discussion)?

I was having some difficulty getting the code to display properly above, Here is that code:

<div id="frm_field_[id]_container" class="form-field [required_class][error_class]"><label class="frm_primary_label" style="display:block;">[field_name]<span class="frm_required">[required_label]</span></label>
<div class="alignleft cupon_theme_picker"><a href="https://themassagecoupon.com/images/forum/hover/login.png" title="Coupon 1" rel="lightbox[uniqueID|filename]"><img src="/images/forum/login.png"></a>[input opt=1]</div> <div class="alignleft cupon_theme_picker"> <a href="/images/forum/hover/check-list.png" title="Coupon 2" rel="lightbox[uniqueID|filename]"><img src="/images/forum/members-home.png"></a>[input opt=2]</div> <div class="alignleft cupon_theme_picker"><img src="/images/forum/check-list.png"> [input opt=3] </div> <div style="clear:both;"></div>
[if description]<div class="frm_description">[description]</div>[/if description][if error]<div class="frm_error">[error]</div>[/if error]</div>

Thanks Steve.

I ultimately went with TABLEs, instead of DIVs, which I felt were easier to work.

Here is a (temp) working copy showing the solution in use: http://legacylockers.com/cms/?page_id=32

In case you encounter this question again, I've also written a very basic procedural document to help FP users get their head around the concept of using images with selection options.

You can download the file here: http://www.theimagedoctor.net/downloads/FormidablePro-Image-Selections.pdf

Please feel free to share with whomever. If you want the Word file (instead of the PDF) for any reason, just let me know.

Ticket closed.