Common Style Properties of Web Controls Common Style Properties of Web Controls

Common Style Properties of Web Controls

Adam Evans Adam Evans

 

Rounded Corners

Corner Radius - string

The Corner Radius Property configures whether the corners of the bounds of the control are rounded. This setting is typically only useful if either the Background Color or Border Color of the control are visible against the parent Component of the control. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Rounded Corners - boolean

The Rounded Corners property configures which of the control's bounds corners are rounded.

Shadow

Shadow Horizontal Offset - string

The Shadow Horizontal Offset property configures the distance that the shadow is offset from the control's bounds in the horizontal direction, and can be negative. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Shadow Vertical Offset - string

The Shadow Vertical Offset property configures the distance that the shadow is offset from the control's bounds in the vertical direction, and can be negative. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Shadow Blur Radius - string

The Shadow Blur Radius property configures how blurred the shadow of the control's bounding box is. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Shadow Color - string

The Shadow Color property configures the color of the shadow of the control's bounding box. Possible choices are to use a Theme Color Variable, to use the Color Picker, or to provide an Airscript Expression. If providing an Airscript Expression the expression must result in a string that identifies a Color. any variables.

Shadow Spread Radius - string

The Shadow Spread Radius configures the size of the shadow of the control's bounding box. A value of zero causes the size of the shadow to be the same as that of the control's bounding box, while a positive value will increase the size, and a negative value will decrease the size. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Shadow Inset - boolean

The Shadow Inset property configures whether the shadow of the control's bounding box is displayed on the outside and blurred out (FALSE), or on the inside and blurred in (TRUE).

Background

Background Color - string

The Background Color property configures the color of the background of the control's bounding box. Possible choices are to use a Theme Color Variable, to use the Color Picker, or to provide an Airscript Expression. If providing an Airscript Expression the expression must result in a string that identifies a Color, and cannot reference any variables.

Spacing

Margin - string

The Margin property configures how much space is taken around the outside of the control's bounding box. Spacing on the top, bottom, left, and right can be configured separately. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Padding - string

The Padding property configures how much space is taken around the inside of the control's bounding box. Spacing on the top, bottom, left, and right can be configured separately. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Dimensions

Height - string

The height property configures the vertical size of the control's bounding box. The value auto will cause the control to take up enough space to accommodate the displayed content. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Maximum Width - string

The Maximum Width property configures the maximum vertical size of the control's bounding box. The value auto will cause the control to take up enough space to accommodate the displayed content. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size. Note: When configuring the Maximum Width property, it is important to consider what happens when the space needed by the content exceeds the configured maximum width. Should the content be clipped, or should it scroll within the control? This can be configured via the Clip Content.

Maximum Height - string

The Maximum Height property configures the maximum horizontal size of the control's bounding box. The value auto will cause the control to take up enough space to accommodate the displayed content. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size. Note: When configuring the Maximum Height property, it is important to consider what happens when the space needed by the content exceeds the configured maximum height. Should the content be clipped, or should it scroll within the control? This can be configured via the Clip Content.

Minimum Width - string

The Minimum Width property configures the minimum vertical size of the control's bounding box. The value auto will cause the control to take up enough space to accommodate the displayed content. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Minimum Height - string

The Minimum Height property configures the minimum horizontal size of the control's bounding box. The value auto will cause the control to take up enough space to accommodate the displayed content. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size.

Clip Content - string

The Clip Content property configures how the content is displayed when it would take more space than is available within the control's bounding box. By default the content will be scrollable within the bounding box. If this property is enabled however, then the content will be clipped to the control's bounding box.

Border

Border Stroke Style - string

The Border Stroke Style configures how the border around the control is displayed. Possible options are "none", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset" or "outset".

Border Color - string

The Border Color property configures the color of the border around the control bounding box. Possible choices are to provide a Theme Size Variable, or an Airscript Expression. If providing an Airscript Expression, the expression must result in a string that is a valid size and may not reference any variables.

Border Width - string

The Border Width property configures the width the border stroke around the control's bounding box. Possible choices are to provide a Theme Size Variable, or an Airscript Expression.

Border Sides - boolean

The Border Sides property configures which sides of the border should be displayed. The visibility of the top, left, right, and bottom sides can be configured separately.

Was this article helpful?

0 out of 0 found this helpful

Add comment

Please sign in to leave a comment.