Responsive behaviors enable a layout to adjust according to screen size, providing an optimal user experience on a desktop, tablet, and phone.
To achieve responsive behaviors, render your application in HTML5 Document Type and build your UI using flexible layouts such as screen layouts, dynamic layouts, and column layouts. These layouts separate content from presentation by defining the layout presentation, including responsive breakpoints, in the skin.
Screen layouts, dynamic layouts, and column layouts are available only to user interfaces rendered in HTML 5 Document Type (standards mode). See HTML5 Application Readiness and Upgrading an application to render in HTML5 Document Type on the PDN for more information.
dynamic layout, screen layout | |
Skin form — Components tab — Layouts — Column layouts
Skin form — Components tab — Layouts — Dynamic layouts Skin form — Components tab — Layouts — Screen layouts |