Flexible Box

Purpose

This component allows UI elements such as text input fields to expand or contract depending upon the width of the device.

Note:

This feature is supported on devices that have at least one of the following policies set to 'full': x-css.properties.box-flex.support, x-css.properties.-moz-box-flex.support or x-css.properties.-webkit-box-flex.support. For other devices the "Feature not supported" note will appear on the page instead of the flexible box.

Exported Features

cf2:ui.FlexibleBox

Imported Features

n/a

Markup

This component is provided by the ui:flexible-box element. The children of the ui:flexible-box element can grow or shrink depending on the space available in the containing box.

JavaScript

This component is provided by the V$.UI.FlexibleBox class. It does not contain any public methods.

Related topics