Container
1 Introduction
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, section
, main
, article
, nav
).
2 Properties Pane
The properties pane is divided into two major sections by a toggle at the top of the pane: Properties and Styling. Container properties consist of the following sections:
Properties:
Styling:
3 Properties
3.1 General Section
3.1.1 Render Mode
The Render mode determines which HTML5 tag will be used to show the container in the web browser.
Value | HTML Tag |
---|---|
Div (default) | div |
Section | section |
Article | article |
Header | header |
Footer | footer |
Main | main |
Nav | nav |
Aside | aside |
Hgroup | hgroup |
Address | address |
3.2 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.
3.3 Events Section
3.3.1 On-Click
The On-click property specifies the action that will be executed when the user clicks the container (either with their mouse pointer or by pressing the Enter or Space keys when the container is in focus).
3.4 Common Section
3.5 Accessibility Section
3.5.1 Hide for Screen Readers
This property specifies whether to hide the container from screen readers or not.
4 Styling
4.1 Design Properties Section
4.2 Common Section
5 Read More
Feedback
Was this page helpful?
Glad to hear it! Thank you for your response.
Sorry to hear that. Please tell us how we can improve.