Target Layer problem

Freeway
1

Having some issues getting Target Layers to work as I want.

On the example as you hover over the text in red in the sidebar on the left (G1+, G1, G2, G3, Boys) the relevant form is displayed. But I have 2 issues.

  1. The parent wrapper height does not adjust when the form displays.

  2. I would like the form G1+ to be displayed when the page loads.

I currently have all the forms on their individual layers placed as absolute positioned items within a wrapper. I can accomplish what I want by taking form G1+ out of its layer and placing it directly into the parent wrapper; however when I reduce the browser window to its narrowest (it’s a responsive site built with Backdraft 1.5), I get multiple forms displayed on top of each other.

Any help would be much appreciated.

Thanks in advance. Steve

http://www.wyverncricket.co.uk/batconfiguratorc.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

This is a bit of a stretch from your original in that it uses Javascript to display a different form depending on which is selected in the picker (JS cribbed from one of Walter’s examples)

http://www.deltadesign.co/FW7Test/form-selector-inline.html

This needs a bit of help to work in a responsive layout (some extended IDs) - my example is not BD but no reason why it couldn’t be.

All items are inline.

However I cant help feeling that using ScriptyLightbox (or similar) to display your forms would be less hassle.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks for the advice David - Much appreciated.

Steve

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options