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]"
backgroundColor
The
backgroundColor
property specifies
the Guide background color.
Syntax
backgroundColor="color-name | color-rgb | color-hex | transparent"
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]"
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]"
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.
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]"
color
The
color
property specifies the color
to use for text in Guide help.
Syntax
color="[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]"
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]"
fontSize
The
fontSize
property specifies the font
size.
Syntax
fontSize="integer"
fontStyle
The
fontStyle
property specifies whether
to use italicized font.
Syntax
fontStyle="normal | italic"
fontWeight
The
fontWeight
property specifies whether
to use font bolding.
Syntax
fontWeight="normal | bold"
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]"
headerAlphas
The
headerAlphas
property controls the
transparency of the title area.
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]"
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]"
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]"
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]"
|
|