CFForm Layout Problems

Ask a Question related to Coldfusion Flash Integration, Design and Development.

  1. #1

    Default CFForm Layout Problems

    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>

    DanCasper Guest

  2. Similar Questions and Discussions

    1. Datalist Layout spacing problems, row space
      Just in case this is driving anyone else besides me nuts.... I set up a datalist with Layout=Table. This caused a blank space to appear between...
    2. Layout Problems
      Hi, I create my designs in Fireworks and then set up the slices and move the pages over into Dreamweaver. After it's in Dreamweaver, I set up the...
    3. css layout problems - css and tables
      Hi guys, Well as some of you suggested months ago, I've been trying to learn to layout with CSS... It's actually getting a bit rewarding now as I...
    4. Problems with layout in (crappy) IE
      Hi there, Could someone tell me why this works in Safari (lovely) but not IE (crappy)???? The tables are within a nested div that scrolls using...
    5. problems with layout
      I have a web site nearly ready to go live but I'm having some serious problems with objects not lining up. They are fine in IE, and actually fine...
  3. #2

    Default Re: CFForm Layout Problems

    I changed the location of the label="City:" tag from the cfinput to the cfformgroup and it aligned like I wanted. Hope that helps someone.
    DanCasper Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139