[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Position of label in cfform type flash

Posted on 2009-05-02
3
Medium Priority
?
663 Views
Last Modified: 2013-12-24
Hello experts.
I have a test cfform type flash and i want to know if there is a way to put the label for the cfinput  type text tags above the input tags and not as is it is on the left.
here is my code:
<body>
<!--- Specify the form height and width, use the HaloBlue skin. 
       Note: Flash ignores a backgroundColor style set in cfform. --->
<cfform name="myform" height="390" width="440" format="Flash" skin="HaloBlue">
   <!--- The input area is a panel. Styles to specify panel characteristics.
          Child controls inherit the background color and font settings. --->
   <cfformgroup type="Panel" label="Contact Information"
         style="marginTop:20; marginBottom:20; fontSize:14; fontStyle:italic; 
         headerColors:##FFFF00, ##999900; backgroundColor:##FFFFEE;
         headerHeight:35; cornerRadius:12">
      <!--- This vbox sets the font size and style, and spacing between and
             around its child controls. ---> 
      <cfformgroup type="vbox" style="fontSize:12; fontStyle:normal;
            verticalGap:18; marginLeft:10; marginRight:10">
         <!--- Use a horizontal group to align the first and last name fields 
                and set a common label. --->
         <cfformgroup type="horizontal">
            <!--- Use text styles to highlight the entered names. --->
            <cfinput type="text" required="Yes" name="firstName" label="First"
               value="" width="120" style="color:##006090; fontSize:12;
               fontWeight:bold" />
            <cfinput type="text" required="Yes" name="lastName" label="Last"
               value="" width="120" style="color:##006090; fontSize:12;
               fontWeight:bold"/>
         </cfformgroup>
         
      </cfformgroup> <!--- vbox --->
   </cfformgroup> <!--- panel --->
   <!--- A style centers the buttons at the bottom of the form. --->
   <cfformgroup type="horizontal"style="horizontalAlign:center">
      <cfinput type = "submit" name="submit" width="100" value = "Show Results">
      <cfinput type = "reset" name="reset" width="100" value = "Reset Fields">
   </cfformgroup>
</cfform>
 
</body>

Open in new window

0
Comment
Question by:Panos
  • 2
3 Comments
 
LVL 63

Accepted Solution

by:
Zvonko earned 2000 total points
ID: 24287033
You asked for it, but it is very strange:
<body>
<!--- Specify the form height and width, use the HaloBlue skin. 
       Note: Flash ignores a backgroundColor style set in cfform. --->
<cfform name="myform" height="390" width="440" format="Flash" skin="HaloBlue">
   <!--- The input area is a panel. Styles to specify panel characteristics.
          Child controls inherit the background color and font settings. --->
   <cfformgroup type="Panel" label="Contact Information"
         style="marginTop:20; marginBottom:20; fontSize:14; fontStyle:italic; 
         headerColors:##FFFF00, ##999900; backgroundColor:##FFFFEE;
         headerHeight:35; cornerRadius:12">
      <!--- This vbox sets the font size and style, and spacing between and
             around its child controls. ---> 
      <cfformgroup type="vbox" style="fontSize:12; fontStyle:normal;
            verticalGap:18; marginLeft:10; marginRight:10">
         <!--- Use a horizontal group to align the first and last name fields 
                and set a common label. --->
         <cfformgroup type="horizontal">
            <!--- Use text styles to highlight the entered names. --->
            <cfformgroup type="vertical" >
              <cfformitem type="text" >First</cfformitem>
              <cfinput type="text" required="Yes" name="firstName" 
               value="" width="120" style="color:##006090; fontSize:12;
               fontWeight:bold" />
            </cfformgroup>
            <cfformgroup type="vertical" >
              <cfformitem type="text" >Last</cfformitem>
              <cfinput type="text" required="Yes" name="lastName" 
               value="" width="120" style="color:##006090; fontSize:12;
               fontWeight:bold"/>
           </cfformgroup>
         </cfformgroup>
         
      </cfformgroup> <!--- vbox --->
   </cfformgroup> <!--- panel --->
   <!--- A style centers the buttons at the bottom of the form. --->
   <cfformgroup type="horizontal"style="horizontalAlign:center">
      <cfinput type = "submit" name="submit" width="100" value = "Show Results">
      <cfinput type = "reset" name="reset" width="100" value = "Reset Fields">
   </cfformgroup>
</cfform>
 
</body>

Open in new window

0
 
LVL 2

Author Comment

by:Panos
ID: 24287102
Hi zvonko.
I agree that it is strange for this example but i want to use it in another form with a lot of fields so that i can get a lower height form.(use 4 fields horizontal insteed of 2)
0
 
LVL 2

Author Closing Comment

by:Panos
ID: 31577204
Thank you again for your help.
Can you please take a look to this too?
http://www.experts-exchange.com/Software/Server_Software/Web_Servers/ColdFusion/Q_24368432.html
regards
panos
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you ever sent email via ColdFusion and thought of tracking this mail to capture the exact date and time when the message was opened ?  If yes, then this article is for you ! First we need a table user_email with columns user_id , email , sub…
What You Need to Know when Searching for a Webhost Provider
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Screencast - Getting to Know the Pipeline
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question