- Responsive Layout Settings
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/Responsive Layout Settings/index.xml
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.
- Using Absolute Layout Containers in Responsive Design
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Containers/Container/AbsoluteLayout/Using Absolute Layout Containers in Responsive Design.xml
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.
- Responsive layout settings
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/Responsive Layout Settings/Responsive layout settings.xml
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.
- FormView Flow Layout Settings Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/Form Properties/Form properties/Form Layout/FlowLayoutSettings/index.xml
Settings for defining the behavior for an item in a Flow Layout container.
- UX Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/UX_Properties/index.xml
UX properties include:
- UX Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/index.xml
The UX component contains the following types of properties:
- Common Settings Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/ControlBar Properties/ControlBar properties/Items/Common Settings/index.xml
Common Settings for disclosure-button items.
- Apply responsive layout settings
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/Responsive Layout Settings/Apply responsive layout settings.xml
Unchecked, this checkbox lets you turn off the responsive layout settings.
- Disclosure Settings Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/ControlBar Properties/ControlBar properties/Items/Disclosure Settings/index.xml
Disclosure Settings Properties
- Display Settings Properties
/documentation/pages/Guides/Mobile and Web Components/Grid/Grid Fields/Grid Field Properties/Display Settings/index.xml
The Display Settings Properties in the Grid Field Properties panel: