Last week I covered a number of style names that can be added to your guide layouts when creating custom form guide components. By adding these style names to your layout you can take advantage of all the styling that gets defined in Guide Builder and is included with each guide definition. Similar to guide layouts there are also a few of style names that can be included in custom panel layouts.
Here are a selection of style names that can be added to your custom panel layouts. These styles can be defined by going to Customize Appearance in Guide Builder and navigating to the appropriate panel listed under each style name description. A number of these style names do not need to be included in your MXML since they are handled internally by the Panel Item component.
| Style Name | MXML | Description |
| layoutobjects | <mx:VBox width="100%" height="100%" styleName="layoutobjects"> | Defines padding for your top-level panel layout container. Guide Builder: no editable in Guide Builder |
| panelhelp | <gc:HelpPanel id="helpPanel" styleName="panelhelp" /> | Applies the font, background and border styles to the help panel component. Guide Builder: Customize field and text > Panel help background, font |
| fieldhelp | handled by <ga:PanelItem/> | Applies the font, background and border styles to a field help component. Guide Builder: Customize field and text > Field help background, Field Active, font |
| panelitem | handled by <ga:PanelItem/> | Applies the font and background styles to a field component. Guide Builder: Customize field and text > Field background, Font |
| panelcaption | handled by <ga:PanelItem/> | Applies the font and color styles for field captions. Guide Builder: Customize field and text > Font |
| paneltext | handled by <ga:PanelItem/> | Applies the font and color styles for panel text. Guide Builder: Customize field and text > Font |
Leave a comment