Widget Name
Each Widget has an internal Name used only at design-time, for example in the Widgets list.
This Name is not visible to the end user when the Widget is published.
It allows to have a clear useful name for the developer while the end user will want to see a different custom header, or even no header.
The Widget Name can be configured from the left of the top bar :
Header
Widgets can also have a Header visible to the end user.
This can be used to display a title that can be a short description of the Widget’s purpose.
The Header can be configured from the top of the properties panel :
At runtime, this will be displayed at the top of the Widget container :
Header options
Some Header options are available in the Container appearance section :
Show / Hide Header
The Show Header option (check by default) allows to display the Header at runtime :
When the option is un-checked, the Header is invisible at runtime.
Header Alignment
Allows to align the Header :
- Left
- Right
- Center
Header Color
By default, Header Color is managed by the currently applied Theme.
However, you can override the Theme color for the Header by checking Override Header Color and selecting the desired color :
Description
The Description can be used to display a longer text describing the Widget’s purpose, its data, how to use it, …
The Description can be configured from the top of the properties panel :
At runtime, the Description is hidden and a icon appears near the Widget title to indicate the presence of a Description :
Hovering the icon shows the description :
Post your comment on this topic.