Components | Header
A header is a component that will allow you to create very attractive titles for screens in a very simple way.
To create this component, simply add it on the screen and configure its properties:
PROPERTY
DESCRIPTION
Side icon (128px width)
Decide which image will accompany the header title in the left side of the component. A maximum width of 128 px is recommended.
Background image
Background image of the header.
Repeat background image
Lets you decide whether or not the image repeats (to create patterns).
Background color
Background color of the header.
Background transparent
Lets you decide whether the header background is transparent or not.
Width
It offers three width options:
-
Adjusted to content. The header will have the width of the contents that there is the central column.
-
Adjusted to rail. The header will have the total width of the center column.
-
Full width. It will occupy the full width of the screen.
Show title
Show or hide header title
Show subtitle
Show or hide the subtitle of the header
Title left Margin (px)
Allows you to customize the separation of the left margin of the title.
Subtitule left margin (px)
Allows you to customize the separation of the left margin of the subtitle.
Icon left margin px)
Allows you to customize the separation of the left margin of the icon.