all groups > coldfusion flash integration > december 2006 >
You're in the

coldfusion flash integration

group:

CFForm Layout Problems



CFForm Layout Problems DanCasper
12/20/2006 9:29:43 PM
coldfusion flash integration: I'm having trouble getting the layout to work like I want it to when I am
working with cfform format=flash. I have my code attached. In the tab for
Billing Information the idea would be to have the city line up with the name
and address fields, and then to the right of the city field have a state
dropdown and (eventually) a zip code field. Right now the city field appears
indented below the address2 field, and I can't seem to get it to do anything
else and still have the state select to the right of the city field. Can
anyone offer any insight?

--Daniel

<CFFORM
Method="Post"
Action="index.cfm?fuseaction=psporderform"
Name="PSPOrder"
format=Flash
height=2000
width=600
skin=haloorange
style="font-size: 13pt;">

<cfformgroup type=Horizontal>
<cfformgroup type=vbox>
<cfformitem
type=html
height=100
width=320
style="marginLeft: 10;">
<CENTER><IMG Src="images/paplogo.jpg" /></CENTER>
</cfformitem>
<cfformgroup type=horizontal style="horizontalGap: 0;">
<cfformgroup type=vertical style="horizontalGap: 0; verticalGap:
1;" width=150>
<cfformitem type=text style="text-align: left; font-weight:
bold; font-family: arial; font-size: 12pt;">
1463 Commerce Way
</cfformitem>
<cfformitem type=text style="text-align: left; font-weight:
bold; font-family: arial; font-size: 12pt;">
Phone (800) 775-9021
</cfformitem>
</cfformgroup>
<cfformgroup type=vertical style="horizontalGap: 0; verticalGap:
1;" width=150>
<cfformitem type=text style="text-align: right; font-weight:
bold; font-family: arial; font-size: 12pt;">
Idaho Falls, ID 83401
</cfformitem>
<cfformitem type=text style="text-align: right; font-weight:
bold; font-family: arial; font-size: 12pt;">
Fax (800) 775-9022
</cfformitem>
</cfformgroup>
</cfformgroup>
</cfformgroup>

<cfformgroup type=vbox style="horizontalAlign: right;">
<cfformitem
type=Spacer
height=40 />
<cfinput style="text-align: center; horizontalAlign: right;"
type="Text" name=Operator value="#UCase(Session.Login)#" size=10
label="Operator ID:" ReadOnly>
<cfformitem
type=Spacer
height=10 />
<cfinput style="text-align: center; horizontalAlign: right;"
type="Text" name=PONumber value="" size=10 label="PO Number:">
</cfformgroup>
</cfformgroup>

<cfformitem type=text style="fontSize: 22pt; text-align: center; fontFamily:
arial; font-weight: bold;">
Printed Order Form
</cfformitem>

<cfformgroup type=tabnavigator>
<cfformgroup type=page label="Billing Information">
<cfformgroup type=vbox>
<cfformgroup type=vertical>
<cfinput type="Text" label="Name:" name="BillName">
<cfinput type="Text" label="Address:" name="BillAddress1">
<cfinput type="Text" name="BillAddress2">
</cfformgroup>
<cfformgroup type=horizontal>
<cfinput type="Text" label="City:" name="BillCity" width=40>
<cfselect name="BillState" width=50 label="State:">
<option Value=''> </OPTION>
<cfoutput query="GetStates">
<OPTION Value="AbbrevsID">#Sabbr#</OPTION>
</cfoutput>
</cfselect>
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfformgroup>

</CFFORM>
Re: CFForm Layout Problems DanCasper
12/20/2006 9:57:10 PM
AddThis Social Bookmark Button