• Home
• About Bradley Beard
• Brainstorm Multimedia
• Music

ASDoc Index - styling Flash Forms for mortals

Take a look at this page for some goodness on how to style Flash Forms away from the ugly, generic templates they give us. I use the methods listed on this page regularly with all of my Flash Forms to great effect. I hope you do too, if you use Flash Forms generated by ColdFusion’s <cfform format=”flash”> tag.

Here are some general attributes that you can insert into a cfform also.

_global.styles.Accordion.setStyle(”backgroundColor”, 0xffffff);
_global.styles.Accordion.setStyle(”dropShadow”, “false”);
_global.styles.Accordion.setStyle(”color”, 0×000000);
_global.styles.Accordion.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.Accordion.setStyle(”selectedFillColors”, [0x99B5DB, 0xffffff]);
_global.styles.Button.setStyle(”borderThickness”, 1);
_global.styles.Button.setStyle(”borderStyle”, “solid”);
_global.styles.Button.setStyle(”borderColor”, 0×000000);
_global.styles.Button.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.CheckBox.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.ComboBox.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.ComboBox.setStyle(”rollOverColor”, 0xFFFFF4);
_global.styles.ComboBox.setStyle(”selectionColor”, 0xC7D6EB);
_global.styles.DataGrid.setStyle(”headerColors”, [0xC7D6EB, 0xffffff]);
_global.styles.DataGrid.setStyle(”alternatingRowColors”, [0xffffff, 0xF5F9FC]);
_global.styles.DataGrid.setStyle(”rollOverColor”, 0xFFFFF4);
_global.styles.DataGrid.setStyle(”selectionColor”, 0xC7D6EB);
_global.styles.Form.setStyle(”themeColor”, 0×5A88C5);
_global.styles.Form.setStyle(”color”, 0×000000);
_global.styles.HBox.setStyle(”backgroundColor”, 0xffffff);
_global.styles.HBox.setStyle(”marginTop”, 5);
_global.styles.HBox.setStyle(”marginBottom”, 5);
_global.styles.HBox.setStyle(”marginLeft”, 5);
_global.styles.List.setStyle(”rollOverColor”, 0xFFFFF4);
_global.styles.List.setStyle(”selectionColor”, 0xC7D6EB);
_global.styles.Panel.setStyle(”backgroundColor”, 0xffffff);
_global.styles.Panel.setStyle(”dropShadow”, “true”);
_global.styles.Panel.setStyle(”color”, 0×000000);
_global.styles.Panel.setStyle(”headerColors”, [0xC7D6EB, 0xffffff]);
_global.styles.RadioButton.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.Submit.setStyle(”borderThickness”, 1);
_global.styles.Submit.setStyle(”borderStyle”, “solid”);
_global.styles.Submit.setStyle(”borderColor”, 0×000000);
_global.styles.Submit.setStyle(”fillColors”, [0xC7D6EB, 0xffffff]);
_global.styles.TextArea.setStyle(”fontSize”,10);
_global.styles.TextInput.setStyle(”fontSize”,9);
_global.styles.VBox.setStyle(”borderStyle”, “solid”);
_global.styles.VBox.setStyle(”borderColor”, 0×000000);

To put these in your form, just use the following code:
<cfformitem type=”script”>
_global.styles.VBox.setStyle(”borderStyle”, “solid”);
_global.styles.VBox.setStyle(”borderColor”, 0×000000);
</cfformitem>

Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.