Menu
Index
 

Sidebar menu

 
Sidebar menu
1

Suggest  Sidebar Menu

1. Suggest  Sidebar Menu
It will suggest you new layouts of sidebar menu on every click.
2

Container Properties

2. Container Properties
Container properties will let you customize the Sidebar menu container according to your requirement.
 
Margin:
Use this option to apply Margin to Sidebar menu container.
 
Padding:
Use this option to apply Padding to Sidebar menu container.
 
Boder:
It applies the border around the Sidebar menu container. You can customize the border from different options available.
 
Shadow:
Select this option, to apply shadow effect to Sidebar menu container.
3

Color

3. Color
Choose this option to change the background color of Sidebar menu container.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
4

Gradient

4. Gradient
Use this option to apply gradient effect to the Sidebar menu container.
 
More: 
Select this option to apply advanced gradient effects.     More..
5

Image

5. Image
Select this option to apply background image to the Sidebar menu container.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More..
6

Header Properties

6. Header Properties
 
Show Header:
Check the  "Show Header" option to display header inside the sidebar menu.
 
Icons:
Icons can be placed in the Sidebar menu header. Icon Color option is also available.
 
Margin:
Use this option to apply Margin to Sidebar menu header.
 
Padding:
Use this option to apply Margin to Sidebar menu header.
 
Heading Type:
This option allow you to select a heading type like H1, H2 etc for the Vertical Menu header.
7

Border

7. Border
This option is for adding/modifying the styles of border of Sidebar menu header.     More.
8

Height

8. Height
This option is used to change the height of Sidebar menu header.
9

Typography

9. Typography
Click on this button to change the text-styles of Sidebar menu header.
10

Color

10. Color
Choose this option to change the color of Sidebar menu header.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
11

Gradient

11. Gradient
Use this option to apply gradient effect to the Sidebar menu header.
 
More: 
Select this option to apply advanced gradient effects.     More..
12

Image

12. Image
Select this option to apply background image to the Sidebar menu header.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More..
13

Texture

13. Texture
Use this option to apply texture effect to the header of Sidebar menu.
 
More:
Select this option to modify texture settings according to your requirement.     More..
14

Effects

14. Effects
Select this option to apply effects on header of Sidebar menu.
 
More:
Select this option to modify transparency setting according to your requirement.     More..
15

Shadow

15. Shadow
Select the option to apply shadow effect on header of Sidebar menu.
 
More:
Select this option to apply custom shadow effect  to the header of Sidebar menu.     More..
16

Menu Button Properties

16. Menu Button Properties
Separator:
Separator  provides a horizontal or vertical dividing line or empty space. It is most commonly used in menus and toolbars.         
   
Height :
Select this option to increase/decrease the height of the sidebar menu buttons.
 
Width:
Select this option to increase/decrease the width of the sidebar menu buttons.
 
Margin:
Use this option to apply Margin to the sidebar menu buttons.
 
Padding:
Use this option to apply Padding to the sidebar menu buttons.
 
Content Margin:
Use this option to set the Margin of sidebar menu content.
 
Horizontal Alignment:
Use this option to align the sidebar menu buttons horizontally.
 
Icon:
Use this option to place the icon on sidebar menu buttons. Icon color option is also available.
 
Arrow:
If selected Arrows will automatically appear besides the items have sub items. Arrow Color option is also available.
 
Texture:
Use this option to apply texture to the sidebar menu buttons.
17

Background

17. Background
Select this option to choose the background color of sidebar-menu buttons.
 
Normal:
It is the color of regular sidebar menu button.
 
Hover:
It is the color of the sidebar menu button for its hover state.
 
Active:
Background for the Active menu item.
18

Border

18. Border
Select this option to choose the border of sidebar-menu buttons.
 
Normal Border:
It is the border of regular sidebar menu button.
 
Hover Border:
It is the border of the sidebar menu button when we hover on it.
 
Active Border:
Border Options for the Active menu item.          More..
19

Typography

19. Typography
Text-Styles can be changed in sidebar menu buttons.
 
Normal:
It is the text-styles of regular sidebar menu button.
 
Hover:
It is the text-styles of the sidebar menu button when we hover on it.
 
Active:
Text-styles options for the Active menu item.
 
20

Expand Horizontally

20. Expand Horizontally
The sub-menu will expand horizontally when you hover mouse cursor over the parent item.
21

Expand Vertically

21. Expand Vertically
The sub-menu will expand vertically when you hover mouse cursor over the parent item.
22

SubMenu Container

22. SubMenu Container
Submenu is a secondary menu that appears while you hover the cursor over an item on the primary menu. Users have full control to change the styling of Submenu items.
 
Background :
User can change the background color of Sidebar Menu sub-menu container. Here block in black color is submenu container.
 
Border:
User can also customize the border of  Sidebar Menu sub-menu container.     More.
 
Shadow:
To apply the shadow effect to the container.
23

SubMenu Item

23. SubMenu Item
 
Height:
Select this option to increase/decrease the height of submenu items.    
 
Background:
To change the background color of sub-menu items, use this option.
 
Border:
Use this option to set the border around the sub menu items.          More.
 
HoverBorder:
Select this option, to customize the borderof the Hover state of sub menu items.     More.
 
Shadow:
To apply the shadow to sub menu items.
 
HoverShadow:
Select this option to add/edit the shadow effect to Hover state of the Sub Menu item.
 
Separator:
Separator  provides a horizontal or vertical dividing line or empty space. It is most commonly used in menus and tool bars.
 
Margin :
Use this option, to apply Margin around sub menu items.
 
Padding:
Use this option, to apply Padding around sub menu items.
 
Icons :
User can place the colorful icons in sub menu buttons. Icon styles can be customized according to the requirements.
 
Typography:
Sub menu items Typography options.