Drawer
This is the slider modal that can be attached to the edge of the screen, horizontally or vertically. It is normally used for displaying menus, allowing users to view/change profiles and settings.
Basic
Drawer Title
Provide the title text to be placed at the header of the widget.
Title Alignment
Left
The content is attached to the left side of the widget
Center
The content is placed at the center part of the widget
Right
The content is attached to the right side of the widget
Close Button Placement
Left - Keeps the 'X' close button at the top left of the drawer
Right - Keeps the 'X' close button at the top right of the drawer
Drawer Placement
Left - The slider is attached to the top edge of the screen
Bottom - The slider is placed at the bottom part of the screen
Left - The slider is attached to the left side of the screen
Right - The slider is attached to the right side of the screen
Drawer Widget
Specify the width for the drawer in 'px' value. It is a standard practice to keep the width not more than 30% of the screen, as this is a modal which slides from the edge.
Click Outside to Close
Decides whether users can click outside the widget's area to close the drawer or not. The 'X' close button is also used to close the widget.
Show Mask
This shows the gray overlay on the rest of the screen when the widget is activated.
Enable Close Button
Shows to close button at the top corner as 'X'.
Interaction
Event Handlers
Close
This event will be triggered when the user closes the drawer.
Style
Background
Users can change the colour of the background using this property. It has all the RGB colour ranges to pick from. It is recommended to use a corresponding background colour that shows the front clearly.
Last updated