Posts in Category "Uncategorized"

Keeping your custom panel layouts styled: Part 2

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

Share on Facebook