Professional Web Applications Themes

flash form: how to align form controls in table manner - Macromedia ColdFusion

Lets say that we have three columns and two rows and each cell have an input. I can align the inputs vertically using html table. How do I do it the same with rich form? I tried different ideas including tile approach below but to no luck. Any idea? <cfformgroup type="tile"> <cfinput type="text" name="firstName" label="First Name" width="100" /> <cfinput type="text" name="middleName" label="Middle Name" width="100" /> <cfinput type="text" name="lastName" label="Last Name" width="100" /> </cfformgroup> <cfformgroup type="tile"> <cfinput type="text" name="email" label="Email Address" width="120" /> <cfinput type="text" name="phone" label="Phone" width="120" /> </cfformgroup>...

  1. #1

    Default flash form: how to align form controls in table manner

    Lets say that we have three columns and two rows and each cell have an input. I
    can align the inputs vertically using html table. How do I do it the same with
    rich form? I tried different ideas including tile approach below but to no
    luck. Any idea?



    <cfformgroup type="tile">
    <cfinput type="text" name="firstName" label="First Name" width="100" />
    <cfinput type="text" name="middleName" label="Middle Name" width="100" />
    <cfinput type="text" name="lastName" label="Last Name" width="100" />
    </cfformgroup>
    <cfformgroup type="tile">
    <cfinput type="text" name="email" label="Email Address" width="120" />
    <cfinput type="text" name="phone" label="Phone" width="120" />
    </cfformgroup>

    jshaffner Guest

  2. #2

    Default Re: flash form: how to align form controls in table manner

    You want to put the first,middle, and last names vertically and the
    email,phone vertically - but put them next to each other. Correct?

    try this
    <cfform format="flash">
    <cfformgroup type="HBox">
    <cfformgroup type="VBox">
    <cfinput type="text" name="firstName" label="First Name"
    width="100" />
    <cfinput type="text" name="middleName" label="Middle Name"
    width="100" />
    <cfinput type="text" name="lastName" label="Last Name"
    width="100" />
    </cfformgroup>
    <cfformgroup type="VBox">
    <cfinput type="text" name="email" label="Email Address" width="120" />
    <cfinput type="text" name="phone" label="Phone" width="120" />
    </cfformgroup>
    </cfformgroup>
    </cfform>


    hth,
    ---nimer




    "jshaffner" <webforumsusermacromedia.com> wrote in message
    news:cv0ffv$dik$1forums.macromedia.com...
    > Lets say that we have three columns and two rows and each cell have an
    > input. I
    > can align the inputs vertically using html table. How do I do it the same
    > with
    > rich form? I tried different ideas including tile approach below but to no
    > luck. Any idea?
    >
    >
    >
    > <cfformgroup type="tile">
    > <cfinput type="text" name="firstName" label="First Name" width="100" />
    > <cfinput type="text" name="middleName" label="Middle Name" width="100" />
    > <cfinput type="text" name="lastName" label="Last Name" width="100" />
    > </cfformgroup>
    > <cfformgroup type="tile">
    > <cfinput type="text" name="email" label="Email Address" width="120" />
    > <cfinput type="text" name="phone" label="Phone" width="120" />
    > </cfformgroup>
    >

    Mike Nimer Guest

  3. #3

    Default Re: flash form: how to align form controls in tablemanner

    Thanks, your suggestion of using hbox/vbox helped.

    This is where I am now. I need to do two more things.

    1) Make the hrules one hrule across the form. If it was html table, I would
    use hrule with colspan or css.

    2) Make City, State,and Zip appear as if they are in same row (aligned
    horizonally). Again, if it was html table, I would take advantage of table
    cells and do nothing any further.

    <cfform format="flash">
    <cfformgroup type="panel" label="Directory">

    <cfformgroup type="hbox">

    <cfformgroup type="vbox">
    <cfinput type="text" name="firstName" label="First Name" />
    <cfinput type="text" name="email" label="Email Address" />
    <cfformitem type="hrule" />
    <cfinput type="text" name="address1" label="Address 1" />
    <cfinput type="text" name="address2" label="Address 2" />
    <cfinput type="text" name="city" label="City" />
    </cfformgroup>

    <cfformgroup type="vbox">
    <cfinput type="text" name="middleName" label="Middle Name" />
    <cfinput type="text" name="phonelabel="Phone" />
    <cfformitem type="hrule" />
    <cfinput type="text" name="state" label="State" />
    </cfformgroup>

    <cfformgroup type="vbox">
    <cfinput type="text" name="lastName" label="Last Name" />
    <cfinput type="text" name="fax" label="Fax" />
    <cfformitem type="hrule" />
    <cfinput type="text" name="zip" label="Zip" />
    </cfformgroup>

    </cfformgroup>
    </cfformgroup>
    </cfform>

    jshaffner Guest

  4. #4

    Default Re: flash form: how to align form controls in table manner

    Something like this?

    <cfform format="flash">
    <cfformgroup type="panel" label="Directory">

    <cfformgroup type="hbox">
    <cfformgroup type="vbox">
    <cfinput type="text" name="firstName" label="First Name" />
    <cfinput type="text" name="email" label="Email Address" />
    </cfformgroup>
    <cfformgroup type="vbox">
    <cfinput type="text" name="middleName" label="Middle Name" />
    <cfinput type="text" name="phone" label="Phone" />
    </cfformgroup>
    <cfformgroup type="vbox">
    <cfinput type="text" name="lastName" label="Last Name" />
    <cfinput type="text" name="fax" label="Fax" />
    </cfformgroup>

    </cfformgroup>

    <cfformitem type="hrule" />

    <cfformgroup type="vbox">
    <cfinput type="text" name="address1" label="Address 1" />
    <cfinput type="text" name="address2" label="Address 2" />
    <cfformgroup type="HORIZONTAL" label="City,State,Zip">
    <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>

    ----nimer
    "jshaffner" <webforumsusermacromedia.com> wrote in message
    news:cv56qh$hak$1forums.macromedia.com...
    > Thanks, your suggestion of using hbox/vbox helped.
    >
    > This is where I am now. I need to do two more things.
    >
    > 1) Make the hrules one hrule across the form. If it was html table, I
    > would
    > use hrule with colspan or css.
    >
    > 2) Make City, State,and Zip appear as if they are in same row (aligned
    > horizonally). Again, if it was html table, I would take advantage of table
    > cells and do nothing any further.
    >
    > <cfform format="flash">
    > <cfformgroup type="panel" label="Directory">
    >
    > <cfformgroup type="hbox">
    >
    > <cfformgroup type="vbox">
    > <cfinput type="text" name="firstName" label="First Name" />
    > <cfinput type="text" name="email" label="Email Address" />
    > <cfformitem type="hrule" />
    > <cfinput type="text" name="address1" label="Address 1" />
    > <cfinput type="text" name="address2" label="Address 2" />
    > <cfinput type="text" name="city" label="City" />
    > </cfformgroup>
    >
    > <cfformgroup type="vbox">
    > <cfinput type="text" name="middleName" label="Middle Name" />
    > <cfinput type="text" name="phonelabel="Phone" />
    > <cfformitem type="hrule" />
    > <cfinput type="text" name="state" label="State" />
    > </cfformgroup>
    >
    > <cfformgroup type="vbox">
    > <cfinput type="text" name="lastName" label="Last Name" />
    > <cfinput type="text" name="fax" label="Fax" />
    > <cfformitem type="hrule" />
    > <cfinput type="text" name="zip" label="Zip" />
    > </cfformgroup>
    >
    > </cfformgroup>
    > </cfformgroup>
    > </cfform>
    >

    Mike Nimer Guest

Similar Threads

  1. Question how to set hidden variable value on paent CF flash form from a popup form
    By Unregistered in forum Brainstorming Area
    Replies: 0
    Last Post: April 2nd, 01:21 PM
  2. Question add records to access table using adobe flash feedback form
    By Unregistered in forum Web Design
    Replies: 0
    Last Post: August 23rd, 04:03 AM
  3. No of flash controls limitations in flash form
    By SaikumarD in forum Coldfusion Flash Integration
    Replies: 8
    Last Post: March 21st, 02:25 PM
  4. Flash Form doesn't work in table cell
    By nm1m in forum Coldfusion Flash Integration
    Replies: 1
    Last Post: May 26th, 07:01 PM
  5. Replies: 1
    Last Post: February 22nd, 12:29 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not 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