Menu item with other activates hiden field

Hi,
I have A WB form and I'm trying to ad a drop down menu. I want to have a few options and then an "Other" category. If they choose the other category from the drop down menu can that activate a hide field they can type in? I see a hiden field option in FB but I'm not sure how to make it work. Can this be done?

Thanks!

This cant be accomplished in the wizard, but you can add it manually.

You can apply Required not blank validation to the on change event of the select list, and use the show hide layer response.

I am sending a sample to demonstrate this.

to add validation to the on change event, go to Window -> Behaviors

Click on the select list in desing view, then click the plus button on the behavior window and select WA Validation Toolkit -> Client validation -> Required / Not Blank / Selection Made.

do the same for adding the show hide layer response. click the plus button on the behavior window and select WA Validation Toolkit -> Show hide Layer.

I tried a few things and I couldn't get it to work. The sample and my page are pretty different since I used the wizard.

This is my page. Any easier explanation on how to do it?

add a style to the other text box to hide it:


<input id="Contact_Us_group_Other" name="Contact_Us_group_Other" type="text" value="<?php echo((isset($_GET["invalid"])?ValidatedField("index","Contact_Us_group_Other"):"")); ?>" class="formTextfield_XSmall" tabindex="4" style="visibility;hidden"/>

Click on the select list in design view, them open the behaviors panel, Window -> behaviors.

In the behaviors panel, click the plus button and select WA Validation Toolkit -> Client Validations -> Required / Not Blank / Selection made.

make sure to apply the validation to the select list, and make sure it is applied to the onChange event.

Click the plus button again, and select WA Validation Toolkit -> Show Hide Layer.

Set the trigger form element to the Select list. Set the target form element to the other text box and set the If trigger is valid option to Hide the target layer.

again, make sure this applied to the onchange event of the select list.

I'm trying to follow your instructions but the form elements are way off the page to the right. Anyway to fix that?

you can try editing the Dreamweaver preferences, on the invisible elements section, turn everything off.

Or try switching Dreamweaver to Live View.

That didn't work for me. I will just deal with it off to the side. No big deal.

I still can't get this to work. I think i followed the directions but it's not working. Can you see if you see what I did wrong?

index.php

At the moment it's difficult to see the problem, as all the fields are set to visibility:hidden. Could you begin by making them visible:

FD_RVStorage_currentDesign.css (line 185)

form.RVStorage_currentDesign div.fieldGroup {
display:block;
float:left;
padding-left:8px;
padding-right:8px;
position:relative;
visibility:hidden;   /*  change to visibility:visible   */
}

And floatinf the form left so it rises to the top of the page:

FD_RVStorage_currentDesign.css (line 84)

form.RVStorage_currentDesign {
color:#000000;
float:left;    /*  add this float left  */
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11pt;
margin:0;
padding:0;
width:630px;
}

Then we can see how things are working?

OK. I have those changes made. See how it looks now.
Thanks