Container Begin Properties

Description

Container Begin Properties are used with many of the container types available inside the [Container] option.

Name
Description
Constrain javascript function

The JavaScript function to call to determine whether or not the user can tab out of the container.

Constrain tab key

If enabled, allows you to control whether or not the user can tab out of the container.

Container alignment

Specify how the content of the container should be aligned. APplies to the container content, not the container itself. Only applies if the width of the container is greater than the width of the content.

Container class

Specify the optional class name for the container.

Container height

Specify the container height. Use CSS syntax. Example: 3in, 100px, 33%, etc.

Container ID

Specify a unique ID to identify the container. At run-time, the actual ID will automatically be converted to uppercase. If you want to include the component alias in the id, prefix the id '{grid.componentname}'.

Container style

Specify the style for the container.

Container width

Specify the container width. Use CSS syntax. Example: 3in, 100px, 33%, etc.

Custom scroll indicator settings

You can customize the position and appearance of the scroll indicator that is shown when the container is scrolled.

Description

The description helps identify the container in the control list.

Drag scrolling

Specify if the content of the container can be drag scrolled; for example when using a mobile device.

Drag scrolling axis

Specify the directions in which content scrolling is allowed.

PanelOverlay bottom

Specify the distance of the overlay from the bottom edge of the Panel. If you specify a 'top' property as well, the overlay will be stretched.

PanelOverlay left

Specify the distance of the overlay from the left edge of the Panel. If you specify a 'right' property as well, the overlay will be stretched.

PanelOverlay right

Specify the distance of the overlay from the right edge of the Panel. If you specify a 'left' property as well, the overlay will be stretched.

PanelOverlay top

Specify the distance of the overlay from the top edge of the Panel. If you specify a 'bottom' property as well, the overlay will be stretched.

PanelOverlay is window

If the PanelOverlay is a window then it will only be shown when Javascript to show the window is executed. See Action Javascript action 'Show PanelOverlay Window'.

Prevent container float

By default all containers are set to 'float'. This option prevents the container from using the 'float' atribute in its CSS style. An example of when you might want to use this option is when the container has a client-side show/hide expression and the space taken by the container should be completely eliminated. When this option is checked, there will always be a break both before and after the container, regardless of the setting for the 'break' property in the corresponding 'Container End' item.

'Pull past end' settings and events

Specify if the user can drag the contents of the container beyond any of its boundaries. If enabled, the content will snap back to its natural position when the user releases, and 'pull' events, that you can define, are fired.

Spacing - above

Specify the space above the container. Use CSS syntax. E.g. 2in, 20px

Spacing - below

Specify the space below the container. Use CSS syntax. E.g. 2in, 20px

Spacing - left

Specify the space to the left of the container. Use CSS syntax. E.g. .2in, 20px

Spacing - right

Specify the space to the right of the container. Use CSS syntax. E.g. .2in, 20px

Stop drag scrolling event propogation

Specify if the scroll events should be forwarded to the parent container.

Sub-type

Select the container type.

See Also