How to configure the Left menu on the screen?

How to configure the Left menu on the screen?

To configure the left menu :
We need to apply header on the screen.
Under vFlow → Application → Custom pages->Header

  1. Provide name and other required details in header section.
  2. Add Element within it.
  3. Within that element provide SIDENAV in ‘used for’ section.
  4. submit the element. Save the header.

2 Likes

To configure the left menu :
We need to apply header on the screen.
Under vFlow → Application → Custom pages->Header

  1. Provide name and other required details in header section.
  2. Add Element within it.
  3. Within that element provide SIDENAV in ‘used for’ section.
  4. submit the element. Save the header.

2 Likes

Hi Team,
How can I add MenuItems to the SideNav and also my SideNav is working but it is not showing image for the button of SideNav.
Could you help me out ?

2 Likes

@Sai_Kiran You need to select leading icon or trainling icon as shown in figure. The following config is for MatIcon. For custom images, first you need to upload them on s3 bucket.

1 Like

@Sai_Kiran Does it answer your query Sai? If yes, please accept it as solution.

2 Likes

@Sai_Kiran
If case of adding MenuItems to the SideNav:

You will have to use application level header for that and within headers you will add Elements. Which will lead to add more than one menuitems into it.
Steps to configure:

  1. In custom pages: Add custom entity and select Header from the list.
  2. After providing some data, submit it and add elements within it.

Also, While configuring elements in header you’ll have to select SIDENAV in properties to get it at the side.

4 Likes