Guide CSS properties

alpha

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

Syntax

alpha="[0.0..1.0]"

backgroundAlpha

The backgroundAlpha property specifies the transparency of the background color.

Syntax

backgroundAlpha="[0.0..1.0]"

backgroundGradientColors

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

Syntax

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

Applies to

.application

barColor

The barColor property specifies the color of the progress bar.

Syntax

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

basewrapper

The basewrapper property specifies the name of the Guide layout.

Syntax

basewrapper="[Guide layout name]"

Applies to

.application

borderAlpha

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

Syntax

borderAlpha="0.0..1.0"

borderColor

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

Syntax

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

borderStyle

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

Syntax

borderStyle=""

cellColor

The cellColor property specifies the style attribute for the TextInputMask.

Syntax

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

cornerRadius

The cornerRadius property specifies the roundness of the panel border.

Syntax

cornerRadius="[0..80]"

dropShadowEnabled

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

Syntax

dropShadowEnabled="true | false"

fillAlphas

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

Syntax

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

Applies to

.buttons

fillColors

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

Syntax

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

fontFamily

The fontFamily property specifies the font typeface.

Syntax

fontFamily="[font name]"

fontStyle

The fontStyle property specifies whether to use italicized font.

Syntax

fontStyle="normal | italic"

fontWeight

gradientColors

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

Syntax

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

Applies to

.fieldhelp

headerAlphas

The headerAlphas property controls the transparency of the title area.

Syntax

headerAlphas=""

headerColors

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

Syntax

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

headerHeight

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

Syntax

headerHeight="[integer]"

Applies to

.guide

horizontalAlign

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

Syntax

horizontalAlign=""

iconColors

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.

Syntax

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

Applies to

GAIcon

iconTextColor

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

Syntax

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

Applies to

GAIcon

paddingBottom

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

Syntax

paddingBottom="[0..80]"

paddingLeft

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

Syntax

paddingLeft="[0..80]"

paddingRight

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

Syntax

paddingRight="[0..80]"

paddingTop

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

Syntax

paddingTop="[0..80]"

prefixBackgroundColor

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

Syntax

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

prefixColor

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

Syntax

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

rollOverColor

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

Syntax

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

roundedBottomCorners

The roundedBottomCorners property specifies whether the panel border is rounded.

Syntax

roundedBottomCorners="true | false"

selectionColor

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

Syntax

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

suffixBackgroundColor

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

Syntax

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

suffixColor

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

Syntax

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

textDecoration

The textDecoration property specifies whether to use font underlining.

Syntax

textDecoration="normal | underline"

textRollOverColor

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

Syntax

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

textSelectedColor

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

Syntax

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

themeColor

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

Syntax

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

version

The version property specifies the version of the CSS file.

Note: This property is for information purposes only.

Syntax

version="[version number]"

Applies to

.application

// Ethnio survey code removed