Styles for box-style cfformgroup elements

The following styles apply to the cfformgroup tag with the following type attributes. Some types have additional attributes, which are listed in the following sections.

  • hbox

  • vbox

  • hdividedbox

  • vdividedbox

  • panel

  • tile

  • page

Style

Inh

Description

horizontalAlign

N

Horizontal alignment of children in the container. The default value is left. Possible values are left, center, and right.

horizontalGap

N

Format: length; number of pixels between children in the horizontal direction. The default value is 8 (6 for a tile container).

marginBottom

N

Format: length; number of pixels between the container’s bottom border and its content area. The default value is 0.

marginTop

N

Format: length; number of pixels between the container’s top border and its content area. The default value is 0.

verticalAlign

N

Vertical alignment of children in the container. The default value is top. Possible values are top, middle, and bottom.

verticalGap

N

Format: length; number of pixels between children in the vertical direction. The default value is 8 (6 for a tile container).

Styles specific to cfformgroup with hdividedbox or vdividedbox type attributes

The following additional styles apply to the cfformgroup tag with type="hdividedbox", or type="vdividedbox":

Style

Inh

Description

dividerAffordance

N

Format: length; width (hdividedbox) or height (vdividedbox) in pixels of the area of the divider that the user can select with the mouse pointer. The default value is 6.

dividerColor

Y

Format: color; color of the dividers in their up state. The default value is ##AAAAAA.

dividerThickness

N

Format: length; thickness in pixels of the dividers. The default value is 4.

Styles specific to cfformgroup with panel type attribute

The following additional styles apply to the cfformgroup tag with type="panel":

Style

Inh

Description

cornerRadius

N

Format: length; radius of corners of the window frame. The default value is 8.

dropShadow

N

Boolean value specifying whether the panel has a drop shadow. The default value is true.

footerColors

Y

Format: color; comma-delimited list of two colors used to draw the footer (ControlBar) background. The first color is the top color. The second color is the bottom color. The default value is ##F4F5F7, ##E1E5EB.

headerColors

Y

Format: color; comma-delimited list of two colors used to draw the header. The first color is the top color. The second color is the bottom color. The default value is ##E1E5EB, ##F4F5F7.

headerHeight

N

Format: length; height of the header. The default value is 28.

panelBorderStyle

N

Border style for the bottom two corners of the container. The top two corners are always round. Possible values are default, which configures the container to have square corners, and roundCorners, which defines rounded corners. To configure the top corners to be square, set cornerRadius to 0. The default value is default.

shadowDirection

N

Direction of drop shadow. Possible values are "left", "center", and "right". The default value is "center".

shadowDistance

N

Distance of drop shadow. Negative values move shadow above the panel. The default value is 2.