The term responsive layout is commonly used to describe a layout that changes automatically depending on the screen size or screen orientation of the device that you are running on. For example, if you have a mobile device that has a relatively small rectangular screen, you might want the layout of the controls on that screen to change when then device goes from being held vertically to being held horizontally.

For mobile applications it can be useful to have an absolute layout container that has one layout when held vertically, in "portrait" mode, and another design when held horizontally, in "landscape" mode.

Methods for triggering responsive layout rules and getting layout (e.g. screen size) information.

This is where you will find the settings that allow you to define rules that change the layout of the UX component based on the type of device on which the component is running, its orientation and window size (in the case of a desktop browser). Clicking on the Responsive layout settings property will open the following Genie.

Settings for defining the behavior for an item in a Flow Layout container.

UX properties include:

The UX component contains the following types of properties:

Common Settings for disclosure-button items.

Unchecked, this checkbox lets you turn off the responsive layout settings.

Disclosure Settings Properties