Guide CSS properties

The alpha property specifies the transparency of the color of text on a button.

alpha="[0.0..1.0]"

The backgroundAlpha property specifies the transparency of the background color.

backgroundAlpha="[0.0..1.0]"

The backgroundColor property specifies the Guide background color.

backgroundColor="color-name | color-rgb | color-hex | transparent"

The backgroundGradientColors property specifies the two color extremes of the background color gradient.

backgroundGradientColors="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The barColor property specifies the color of the progress bar.

barColor="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The basewrapper property specifies the name of the Guide layout.

basewrapper="[Guide layout name]"

The borderAlpha property specifies the standard Flex style for a panel.

borderAlpha="0.0..1.0"

The borderColor property specifies the color of the border around field help.

borderColor="color-name | color-rgb | color-hex | transparent"

The borderStyle property specifies the required default border value used by the supplied layouts.

borderStyle=""

The cellColor property specifies the style attribute for the TextInputMask.

cellColor="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The color property specifies the color to use for text in the Guide help.

color="[color-name | color-rgb | color-hex | transparent]"

The cornerRadius property specifies the roundness of the panel border.

cornerRadius="[0..80]"

The dropShadowEnabled property specifies whether to add a drop shadow effect to field help.

dropShadowEnabled="true | false"

The fillAlphas property specifies the transparency of the gradient colors defined by the fillColors property.

fillAlphas="[0.0..1.0],[0.0..1.0]"

The fillColors property specifies the two color extremes of the color gradient to use for button color.

fillColors="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The fontFamily property specifies the font typeface.

fontFamily="[font name]"

The fontSize property specifies the font size.

fontSize="integer"

The fontStyle property specifies whether to use italicized font.

fontStyle="normal | italic"

The fontWeight property specifies whether to use bold.

fontWeight="normal | bold"

The gradientColors property specifies two colors for the Guide container. Guides use the two colors to create a gradient fill.

gradientColors="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The headerAlphas property controls the transparency of the title area.

headerAlphas=""

The headerColors property specifies the color of the Guide help title area.

headerColors="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The headerHeight property specifies title bar size for panel areas (auto defined).

Syntax

headerHeight="[integer]"

The horizontalAlign property specifies the standard Flex style for most containers.

horizontalAlign=""

The iconColors property specifies a pair of fill colors for the icon component. The icon component consists of a sphere with a gradient fill and the letter “i” in the middle. The icon component is used for the information icon.

iconColors="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The iconTextColor property specifies the color of the text inside the gradient sphere of the icon component.

iconTextColor="[color-name | color-rgb | color-hex | transparent]"

The paddingBottom property specifies the border around the bottom edge of the Guide.

paddingBottom="[0..80]"

The paddingLeft property specifies the border around the left edge of the Guide.

paddingLeft="[0..80]"

The paddingRight property specifies the border around the right edge of the Guide.

paddingRight="[0..80]"

The paddingTop property specifies the border around the top edge of the Guide.

paddingTop="[0..80]"

The prefixBackgroundColor property specifies the background color of the prefix area of the TextInputSymbol component.

prefixBackgroundColor="[color-name | color-rgb | color-hex | transparent]"

The prefixColor property specifies the color of the text inside the prefix area of the TextInputSybmol component.

prefixColor="[color-name | color-rgb | color-hex | transparent]"

The rollOverColor property specifies the border color that is used when the Guide filler moves the pointer over a navigation control.

rollOverColor="[color-name | color-rgb | color-hex | transparent]"

The roundedBottomCorners property specifies whether the panel border is rounded.

roundedBottomCorners="true | false"

The selectionColor property specifies the background color that is used when the Guide filler selects a navigation control.

selectionColor="[color-name | color-rgb | color-hex | transparent]"

The suffixBackgroundColor property specifies the background color of the suffix area of the TextInputSymbol component.

suffixBackgroundColor="[color-name | color-rgb | color-hex | transparent]"

The suffixColor property specifies the color of the text inside the suffix area of the TextInputSybmol component.

suffixColor="[color-name | color-rgb | color-hex | transparent]"

The textDecoration property specifies whether to use font underlining.

textDecoration="normal | underline"

The textRollOverColer property specifies the text color that is used when a Guide filler moves the pointer moves over a navigation control.

textRollOverColor="[color-name | color-rgb | color-hex | transparent]"

The textSelectedColor property specifies the text color of an element of a component when the element is selected.

textSelectedColor="[color-name | color-rgb | color-hex | transparent]"

The themeColor property specifies the theme color to use for buttons on a Guide.

themeColor="[color-name | color-rgb | color-hex | transparent], 
    [color-name | color-rgb | color-hex | transparent]"

The version property specifies the version of the CSS file.

version="[version number]"