class sap.ui.layout.form.ResponsiveLayout

Visiblity: public
UX Guidelines:
Implements:
Available since: N/A
Module: sap/ui/layout/form/ResponsiveLayout
Application Component: CA-UI5-CMP

The ResponsiveLayout renders a Form with a responsive layout. Internally the ResponsiveFlowLayout is used. The responsiveness of this layout tries to best use the available space. This means that the order of the FormContainers, labels and fields depends on the available space.

On the FormContainers, FormElements, labels and content fields, ResponsiveFlowLayoutData can be used to change the default rendering.

We suggest using the ResponsiveGridLayout instead of this layout because this is easier to consume and brings more stable responsive output.

Note: If ResponsiveFlowLayoutData are used this may result in a much more complex layout than the default one. This means that in some cases, the calculation for the other content may not bring the expected result. In such cases, ResponsiveFlowLayoutData should be used for all content controls to disable the default behavior.

This control cannot be used stand-alone, it just renders a Form, so it must be assigned to a Form using the layout aggregation.


Constructor

Constructor for a new sap.ui.layout.form.ResponsiveLayout.

Accepts an object literal mSettings that defines initial property values, aggregated and associated objects as well as event handlers. See sap.ui.base.ManagedObject#constructor for a general description of the syntax of the settings object.

This class does not have its own settings, but all settings applicable to the base type sap.ui.layout.form.FormLayout can be used.

new sap.ui.layout.form.ResponsiveLayout(sId?, mSettings?)
Param Type Default Value Description
sId? string

ID for the new control, generated automatically if no ID is given

mSettings? object

Initial settings for the new control

Borrowed Properties

Name Type Default Value Description
backgroundDesign sap.ui.layout.BackgroundDesign Translucent

Specifies the background color of the Form content.

Note: The visualization of the different options depends on the theme used.

Since: 1.36.0.

Visibility: public

Methods Overview

Method Description
sap.ui.layout.form.ResponsiveLayout.extend

Creates a new subclass of class sap.ui.layout.form.ResponsiveLayout with name sClassName and enriches it with the information contained in oClassInfo.

oClassInfo might contain the same kind of information as described in sap.ui.layout.form.FormLayout.extend.

sap.ui.layout.form.ResponsiveLayout.getMetadata

Returns a metadata object for class sap.ui.layout.form.ResponsiveLayout.

sap.ui.layout.form.ResponsiveLayout.extend

Creates a new subclass of class sap.ui.layout.form.ResponsiveLayout with name sClassName and enriches it with the information contained in oClassInfo.

oClassInfo might contain the same kind of information as described in sap.ui.layout.form.FormLayout.extend.

Param Type DefaultValue Description
sClassName string

Name of the class being created

oClassInfo object

Object literal with information about the class

FNMetaImpl function

Constructor function for the metadata object; if not given, it defaults to the metadata implementation used by this class

sap.ui.layout.form.ResponsiveLayout.getMetadata

Returns a metadata object for class sap.ui.layout.form.ResponsiveLayout.