Controlling the web component layout

Web components are usually complex widgets displaying detailed information, such as charts, graphs, or calendars. Such widgets are generally resizable. Therefore, the WEBCOMPONENT form item must be large and stretchable.

Note: By default, a WEBCOMPONENT form item is stretchable (STRETCH=BOTH).
As web components are displayed in an individual web viewer, several layout concepts need to be considered:
  • The layout attributes of the WEBCOMPONENT form item, such as SIZEPOLICY, SCROLLBARS, STRETCH and HEIGHT.
  • The layout attributes of the HTML root and body element (viewport, height).
  • The layout attributes of responsive elements such as SVG content.