A container is a layout element that can be used to simultaneously style, hide, drag, or delete a group of widgets placed in it:
In a browser, it is rendered as a simple
div element by default. It is also possible to render a container as one of HTML5 semantic elements (for example,
An example of container properties is represented in the image below:
Container properties consist of the following sections:
2.1 Common Section
For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.
2.2 General Section
2.2.1 Render Mode
The Render mode determines which HTML5 tag will be used to show the container in the web browser.
2.3 Visibility Section
Visibility determines whether a widget is displayed to the end-user as part of the page.
For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.
2.4 Events Section
The On-click property specifies the action that will be executed when the user clicks the container (either with with the mouse pointer or by pressing the Enter or Space key when the container is in focus).
For more information on properties of this section, see the Event Actions section of On Click Event & Events Section.