Sidebar Menu

WorkWithPlus provides the possibility to have different styles of Vertical and Horizontal Menu in your Master Page. 

When you run the "Design System Wizard", you have different menus available. These menus have different styles so you can select the one that you prefer for your application:

SidebarMenuImg02

This menu is loaded by a Data Provider which is called 'MenuOptionsData'

SidebarMenuImg03

Each item of it represents a line in the Menu and has the following data to load:

SidebarMenuImg04

Also, you can add subitems:

SidebarMenuImg05
 

SidebarMenuImg06

If you want to customize the icons that the menu use you need to change the line 'IconClass' of the item in the Data Provider.

The menu uses the icons from Font Awesome:

For example to change the first item of the Menu:

SidebarMenuImg08

You can use a free icon from Font Awesome:

SidebarMenuImg09

You have to copy the name of the class and set it, in the 'IconClass' line:

SidebarMenuImg10

At runtime is shown as below:

SidebarMenuImg11

Comment: you can buy the full version of Font Awesome in order to have more available icons.

If you change the 'SearchServiceUrl' property of  User Control UCMenu in WorkWithPlusMasterPage, you can show or hide the search box from the menu.

SidebarMenuImg13