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:231304
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=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
