Groups | Blog | Home
all groups > coldfusion flash integration > may 2006 >

coldfusion flash integration : cfformgroup question


Winston2
5/11/2006 1:16:00 PM
Below is the snip that I'm using to get my Flash form. I would like a second
column with items like address, city, state, zip, company, etc. I keep thinking
that this should be easy but nothing I try seems to work. I tried changing type
to "horizontal" for example. Is there a way I can create a second column,
keeping it in the same panel as shown here?
http://res.sys-con.com/story/jun05/101342/laura-fig-1.gif

Thank you very much.



<cfformgroup type="panel" label="Edit">
<cfinput type="text" name="firstname" label="First Name:" />
<cfinput type="text" name="lastname" label="Last Name:" />
<cfinput type="text" name="email" label="Email:" />
<cfinput type="text" name="phone" label="Phone:" />
<cfinput type="text" name="fax" label="Fax:" />
<cfinput type="text" name="mobile" label="Mobile:" />
<cfinput type="text" name="photo" label="Photo:" />
<cftextarea name="comments" height="45" label="Comments:"></cftextarea>
</cfformgroup>
drforbin1970
5/11/2006 5:50:55 PM
Wrap CFFORMGROUPs in other CFFORMGROUPs and specify type= to arrange layout.
Also add 'indicatorGap:2' to shorten gap between label and text field.

<cfform format="flash">
<cfformgroup type="panel" label="Edit" style="indicatorGap:2;">
<cfformgroup type="hbox">

<cfformgroup type="vbox">
<cfinput type="text" name="firstname" label="First Name:" />
<cfinput type="text" name="lastname" label="Last Name:" />
<cfinput type="text" name="email" label="Email:" />
<cfinput type="text" name="phone" label="Phone:" />
<cfinput type="text" name="fax" label="Fax:" />
<cfinput type="text" name="mobile" label="Mobile:" />
<cfinput type="text" name="photo" label="Photo:" />
<cftextarea name="comments" height="45" label="Comments:"></cftextarea>
</cfformgroup>

<cfformgroup type="vbox">
<cfinput type="text" name="address" label="address:" />
<cfinput type="text" name="city" label="city:" />
<cfinput type="text" name="state" label="state:" />
<cfinput type="text" name="zip" label="zip:" />
</cfformgroup>

</cfformgroup>

</cfformgroup>
</cfform>

The ScareCrow
5/12/2006 12:00:00 AM
I would also suggest adding the width attribute to the form fields.

drforbin1970
5/12/2006 1:31:09 PM
Actually, it's the size= attribute, but I agree.
AddThis Social Bookmark Button