Header allows an app user to display a title on top of the designed page. There are 3 different styles in headers, you can choose anyone among them.
Properties
Parameter
Description
Title
Title of the page to be displayed.
Control Name
By default, the control type is posted with a unique number. Can be changed by the user using alphabets, numbers and special character (_). The maximum character limit is 100.
Disabled
Checkbox that disables the header if checked.
Display
Toggle the display of the header by choosing Hide/Show.
Need Left Icon
Checkbox that indicates whether an icon is required on the left side of the header
Left Icon
Choose the icon to be displayed on the left side of the header and choose the style of the icon from Regular, Solid, and Light
Need Right Icon1
Checkbox that indicates whether icon1 is required on the right side of the header
Right Icon1
Choose the icon1 to be displayed on the right side of the header and choose the style of the icon1 from Regular, Solid, and Light
Need Right Icon2
Checkbox that indicates whether icon2 is required on the right side of the header
Right Icon2
Choose the icon2 to be displayed on the right side of the header and choose the style of the icon2 from Regular, Solid, and Light
Need Right Icon3
Checkbox that indicates whether icon3 is required on the right side of the header
Right Icon3
Choose the icon3 to be displayed on the right side of the header and choose the style of the icon3 from Regular, Solid, and Light
Background Image Type
Choose the source of the background image to be used on the page
Background Image
Choose the background image to be used on the page
Style
Choose the styles, layout design, font types, etc., for the text.
General
Parameter
Description
Style
Displays the selected header style. Style can be changed
Size
Indicates the size of the header text. Choose the desired size among Small, Medium, and Large.
Icon Type
Indicates the type of the icon displayed in the header. Choose the type from Regular, Solid, and Light.
Left Icon Size
Shows the size of the left icon
Left Icon Color
Choose the color of the left icon
Right Icon1 Size
Shows the size of the right icon1
Right Icon1 Color
Choose the color of the right icon1
Right Icon2 Size
Shows the size of the right icon2
Right Icon2 Color
Choose the color of the right icon2
Color
Parameter
Description
Page Background Color
Choose the page background color of the header
Background Color
Choose the background color
Text Color
Choose the text color
Font
Choose the font style for both the title and text.
Parameter
Description
Font Size
Increase or Decrease the font size from 1 to 36.
Font-weight
Modify the font-weight between Normal & Bold.
Family
Choose the font of the text from System, SansPro & Google SansPro.
Border
Parameter
Description
Bottom Width
Define the bottom width from 1 to 5.
Bottom Color
Choose the desired color for the bottom of the page.
Alignment
Parameter
Description
Text Align
Align the text with the available styles – Left & Center.
Events
Map the icons available in the Header and the events that should happen.
Parameter
Description
LeftIcon_onPress
Define an action that should happen on pressing the Left Icon.
RightIcon1_onPress
Define an action that should happen on pressing the Right Icon1.
RightIcon2_onPress
Define an action that should happen on pressing the Right Icon2.
RightIcon3_onPress
Define an action that should happen on pressing the Right Icon3.
Actions
Define actions to be performed on the occurrence of the events.
Parameter
Description
Left Icon Navigation
Select the page to which the app user is to be navigated when the left icon is pressed or selected.
Right Icon1 Navigation
Select the page to which the app user is to be navigated when the right icon1 is pressed or selected.
Right Icon2 Navigation
Select the page to which the app user is to be navigated when the right icon2 is pressed or selected.
Right Icon3 Navigation
Select the page to which the app user is to be navigated when the right icon3 is pressed or selected.