FlexScrollContainer

Use a FlexScrollContainer widget to create is a scrollable layout area on a form that can contain other widgets. It can contain any number of widgets within it. If you do not want the layout area to include scroll bars, use a FlexContainer widget. For more information, see Convert Flex Container Widgets.

To learn how to use this widget programmatically, refer Quantum Visualizer Widget guide.

Look Properties

Look properties define the appearance of the widget. The following are the major properties you can set:

For descriptions of the properties available on the Look tab of the Properties pane, see Look.

Skin Properties

Skin properties define a skin for the widget, including background color, borders, and shadows. If the widget includes text, you can also specify the text font.

For a FlexScrollContainer, you can apply a skin and its associated properties for the following states:

Skin Definition
Normal The default skin of the widget.
Focus The skin applied when the widget has the focus.
Blocked UI

The skin applied to block the interface until the action in progress (for example, a service call) completes.

Note: Blocked UI is available only for SPA platforms.

For more information about applying skins, see Understanding Skins and Themes.

FlexScrollContainer Properties

FlexScrollContainer properties specify properties that are available on any platform supported by Quantum Visualizer, and assign platform-specific properties.

Clip Bounds

For Quantum Visualizer Version 7.3 and later, specifies whether child widgets are clipped to the bounds of the FlexScrollContainer.

Layout Type

Specifies whether the widget content flows horizontally, vertically, or in both directions.

Default: Vertical

Following are the options:

Enable Scrolling

Specifies whether scrolling is enabled.

Bounces

Specifies whether scroll bounce is enabled.

Horizontal Bounce

Specifies whether scroll bounce is enabled in the horizontal direction.

Default: Off

Vertical Bounce

Specifies whether scroll bounce is enabled in the vertical direction.

Default: On

Horizontal Scroll Indicator

Specifies whether the horizontal scroll indicator is enabled.

Note: Depending on the platform, scroll indicators may be visible only during scrolling.

Vertical Scroll Indicator

Specifies whether the vertical scroll indicator is enabled.

Note: Depending on the platform, scroll indicators may be visible only during scrolling.

Paging

Specifies the whether paging is enabled for scrolling.

Scroll Direction

Specifies the scroll direction, either horizontal, vertical, or both horizontal and vertical.

Default: Vertical

Content Offset X

Specifies the X coordinate of the top-left of the scrollable region. When content offset values are set, the FlexScrollContainer scrolls even if scrolling is disabled. The value does not reflect the actual computed offset.

Content Offset Y

Specifies the Y coordinate of the top-left of the scrollable region. When content offset values are set, the FlexScrollContainer scrolls even if scrolling is disabled. The value does not reflect the actual computed offset.

Content Size Width

Specifies the FlexScrollContainer width to accommodate all the widgets placed in it. The value does not reflect the actual computed content size.

Content Size Height

Specifies the FlexScrollContainer height to accommodate all the widgets placed in it. The value does not reflect the actual computed content size.

Snap to Grid

Specifies whether the widget aligns to the nearest intersection of lines in the grid, or other widgets.

Snap Grid Size

Specifies the grid size. This option is available only when Snap to Grid is enabled.

Default Unit

Specifies the default unit to be used for interpretation of numbers with no qualifiers when passed to layout properties.

Following are the options:

Zoom Scale

Specifies the scale factor applied to the FlexScrollContainer content.

Default:1

Note: This property is specific to the iOS platform.

Min Zoom Scale

Specifies the minimum zoom scale factor that can be applied to the FlexScrollContainer.

Default: 1

Note: This property is specific to the iOS platform.

Max Zoom Scale

Specifies the maximum zoom scale factor that can be applied to the FlexScrollContainer.

Default: 1

Note: This property is specific to the iOS platform.

Bounces Zoom

Specifies whether the scroll view animates the content scaling when the scaling exceeds the maximum or minimum limits. If Bounces Zoom is set to On and zooming exceeds either the minimum or maximum limits for scaling, the scroll view temporarily animates the content scaling just past the limits before returning to them. If Bounces Zoom is set to Off, zooming stops immediately when it reaches scaling limits.

Note: This property is specific to the iOS platform.

Actions

Actions define what happens when an event occurs. On a FlexScrollContainer widget, you can run an action when the following events occur:

For more information, see Add Actions.

 

 

 

 

 

Rev Author Edits
8 SHS SHS
7.2.1 SHS SHS
Copyright © 2020 Temenos. All rights reserved.