Great, thanks!

Mike

-----Original Message-----
From: Michael Grove [mailto:[EMAIL PROTECTED]
Sent: Friday, February 03, 2006 2:21 PM
To: CF-Talk
Subject: Re: Flash CFForm Style


I have been working on a form with custom colors.. here is the code I found
and am using. There are alot of global styles listed below. For background
color you only need one, but I figured I will give you all that I have and
let you pick out what you need.

<cfform name="myform" height="450" width="465" format="Flash"
onload="formOnLoad()">
        <cfformitem type="script">
                function formOnLoad()
                {
                        // Do anything that you need to do in the onload Event

                        // call the function that is in charge of applying the 
styles
                        applyStyles();
                }
                function applyStyles()
                {
                        _global.styles.CheckBox.setStyle("fillColors", 
[0xa7a7a7, 0xffffff]);
                        _global.styles.RadioButton.setStyle("fillColors", 
[0x006699, 0xffffff]);
                        _global.styles.Form.setStyle("color", 0x000000);
                        _global.styles.Button.setStyle("borderThickness", 1);
                        _global.styles.Panel.setStyle("backgroundColor", 
0xE5F0F9);
                        _global.styles.Panel.setStyle("color", 0xffffff);
                        _global.styles.Panel.setStyle("headerColors", 
[0x277DC6,0x50ABF7]);
                        _global.styles.HBox.setStyle("backgroundColor", 
0x757575);
                        _global.styles.HBox.setStyle("marginTop", 10);
                        _global.styles.HBox.setStyle("marginBottom", 10);
                        _global.styles.HBox.setStyle("marginLeft", 10);
                        _global.styles.Accordion.setStyle("fillColors", 
[0x547000,0x739802]);
                        _global.styles.Accordion.setStyle("selectedFillColors",
[0x84af00,0xa3d800]);
                        _global.styles.Accordion.setStyle("themeColor", 
0x0066cc);
                        _global.styles.Accordion.setStyle("color", 0x0ffffff);
                        _global.styles.TextArea.setStyle("fontSize",14);
                        _global.styles.TextInput.setStyle("fontSize",9);
                        _global.styles.DataGrid.setStyle("rollOverColor", 
0xf5ffd7);
                        _global.styles.DataGrid.setStyle("selectionColor", 
0x84af00);
                        _global.styles.DataGrid.setStyle("headerColors", 
[0xa6a6a6,0xe2e2e2]);
                        <!--- _global.styles.Tab.setStyle("fillColors", 
[0x277DC6,0x50ABF7]);
                        _global.styles.Tab.setStyle("selectedFillColors", 
[0xff6600,0xffcc00]);
                        _global.styles.VBox.setStyle("backgroundColor", 
0x507A9C);
                        _global.styles.ComboBox.setStyle("fillColors", 
[0x006699, 0xffffff]);
                        _global.styles.ComboBox.setStyle("backgroundColor", 
0x006699);
                        
_global.styles.CalendarLayout.setStyle("rollOverColor",0x996699);
                        
_global.styles.CalendarLayout.setStyle("selectionColor",0xcc33ff);
                        
_global.styles.CalendarLayout.setStyle("todayColor",0xcc33ff);
                        _global.styles.ErrorTip.setStyle( "borderColor", 
0x339900);
                        _global.styles.ErrorTip.setStyle( "color", 0x000000);
                        _global.styles.DataGrid.setStyle("alternatingRowColors",
[0xffffff,0xf5ffd7]); --->

                }
        </cfformitem>
   <cfformgroup type="hBox">

<cfformgroup type="accordion" width="435" height="420" label="Containers">
<cfformgroup type="page" label="employee accounts">
<!--- onchange="getUrl('WizEmployeeReview.cfm?userid=' +
grid.dataProvider[grid.selectedIndex]['userid']);" --->
<cfgrid name="grid" height="320" width="405" query="ListUsers" insert="No"
delete="No" sort="No" autowidth="true" appendkey="No" highlighthref="No"
enabled="Yes" visible="Yes" griddataalign="LEFT" gridlines="no"
rowheaders="No" rowheaderalign="LEFT" rowheaderitalic="No"
rowheaderbold="No" colheaders="Yes" colheaderalign="LEFT"
colheaderitalic="No" colheaderbold="no" selectmode="SINGLE">
<cfgridcolumn name="lname" header="Name (last)" headeralign="LEFT"
dataalign="LEFT" bold="No" italic="No" select="Yes" display="Yes">
<cfgridcolumn name="fname" header="Name (first)" headeralign="LEFT"
dataalign="LEFT" bold="No" italic="No" select="Yes" display="Yes"
headerbold="No" headeritalic="No">
<cfgridcolumn name="location_title" header="Location" headeralign="LEFT"
dataalign="LEFT" bold="No" italic="No" select="Yes" display="Yes"
headerbold="No" headeritalic="No">
</cfgrid>
</cfformgroup>
<cfformgroup type="page" label="account review / edit">
<cfformgroup  type="horizontal" label="Name (first/last):" visible="Yes"
enabled="Yes">
<cfinput type="Text" name="fname" bind="{grid.selectedItem.fname}"
width="100" message="First Name is required" validate="noblanks"
required="Yes" visible="Yes" enabled="Yes">
<cfinput type="text" name="lname" bind="{grid.selectedItem.lname}"
width="100" required="true" validate="noblanks" message="Last name is
required">
</cfformgroup>
<cfinput type="text" name="email" label="Email:"
bind="{grid.selectedItem.email}" width="210" required="true">
<cfformgroup  type="horizontal" label="Phone:" visible="Yes" enabled="Yes">
<cfinput type="text" name="phone1" width="100"
bind="{grid.selectedItem.phone1}" required="true">
<cfinput type="text" name="ext1" width="50" label="Ext:"
bind="{grid.selectedItem.ext1}">
</cfformgroup>
<cfformgroup  type="horizontal" label="Phone (2):" visible="Yes"
enabled="Yes">
<cfinput type="text" name="phone2" width="100"
bind="{grid.selectedItem.phone2}">
<cfinput type="text" name="ext2" width="50" label="Ext:"
bind="{grid.selectedItem.ext2}">
</cfformgroup>
<cfinput type="text" name="fax" label="Fax:" width="100"
bind="{grid.selectedItem.fax}">
<cfinput type="text" name="address1" label="Address:" width="250"
bind="{grid.selectedItem.address1}" required="true">
<cfinput type="text" name="address2" label="Address(2):" width="250"
bind="{grid.selectedItem.address2}">
<cfformgroup  type="horizontal" label="City/State/Zip:" visible="Yes"
enabled="Yes">
<cfinput type="text" name="city" width="100" bind="{grid.selectedItem.city}"
required="true">
<cfinput type="text" name="state" width="30"
bind="{grid.selectedItem.state}" required="true">
<cfinput type="text" name="zip" width="50" bind="{grid.selectedItem.zip}"
required="true">
</cfformgroup>
<cfinput type="text" name="department" label="Department:" width="200"
bind="{grid.selectedItem.department}">
<cfinput type="text" name="title" label="Title:" width="200"
bind="{grid.selectedItem.title}">
<cfformgroup  type="horizontal" visible="Yes" enabled="Yes">
<cfif #listusers.status# IS 1><cfset checker = 'yes'><cfelse><cfset checker
= ''></cfif>
<cfif #listusers.display# IS 1><cfset checker2 = 'yes'><cfelse><cfset
checker2 = ''></cfif>
<cfinput type="checkBox" name="display" label="Display" value="1"
checked="#checker2#">
<cfinput type="checkBox" name="status" label="Status" value="1"
checked="#checker#">
</cfformgroup>
<cfformgroup type="horizontal" style="horizontalAlign:'right'">
<cfinput type="submit" name="submit" value="Apply changes">
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfform>



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:231306
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to