Skip to content

Latest commit

 

History

History
38 lines (24 loc) · 1.28 KB

Defining_Controls_deprecated_91f1539.md

File metadata and controls

38 lines (24 loc) · 1.28 KB
loio
91f1539c6f4d1014b6dd926db0e91070

view on: demo kit nightly build | demo kit latest release

Defining Controls (deprecated)

For declarative support, define the controls in your HTML document as HTML tags.

Caution:

Deprecated as of UI5 version 1.120, replaced by XML View.

For this, use the following data attribute that defines the OpenUI5 control that should be rendered in the HTML tag by using the HTML tag as its UI area:

data-sap-ui-type="sap.m.Button"

Rendering a button in the body of an HTML document without setting any property, association, event, or aggregation looks as follows:

<body>
  <div data-sap-ui-type="sap.m.Button"></div>
</body>

Note:

Make sure that you close the tags properly. HTML5 does not support self-closing tags.

Note:

All attributes used to define properties, associations, events, or aggregations are data attributes except for attributes that exist in HTML, for example id or class. Data attributes are prefixed with data-*, for example data-text.