Left Navigation

left.navigation

Left navigation is good for jumping from one page to another. Sometimes when the left navigation items are too long it is a good practice to break the left navigation into multiple navigations. For example, we have left navigation for the WCM training page which includes “Step By Step” and “Advanced”. For each one of them we have multiple items under them.  

While you make changes in the block, you see that there are total 2 levels. 1.) Top Level and, 2.) Second Level.

shows difference between top level and second level

Step1: Click on "Edit Content".

Click on

Below you can see 2 top levels.

2 top levels

There are 2 ways to access the second level, 1.) Internal, to connect with internal webpages. 2.) External, to connect with external website/webpage.

left.navigation

Link to Internal Webpage

You can link to internal webpage or internal files(E.g. PDF, Word file or PPT)

Link to internal Webpage

Step 2: Add "Title" or Go to the existing section(When you want to add more options within the existing Menu), Go to "Internal", Click to "Internal Page" and link to the respective Webpage, And then "Save & Preview".

Steps for connecting with Internal Webpage.

Link to internal Files

Step 3: Add "Title" or Go to the existing section(When you want to add more options within the existing Menu), Go to "Internal", Click to "Internal Page" and link to the respective File(E.g. PDF, Word or PPT), And then "Save & Preview".

Steps for connecting with Internal Files.

Link to External Website/Webpage

Step 4: Add "Title" or Go to the existing section(When you want to add more options within the existing Menu), Go to "External", Add "Title" and "URL", And then "Save & Preview".

Steps for connecting with External Webpage.

Step5: Submission of block

Submission of block

More Information about Menu

Properties of Top level and Second level

  1. It indicates a position of the tab inside a menu. For example, There is total 2 tabs available inside a menu and the "Internship Info" tab is at the 1st position.
  2. This arrow changes the position of the tab. For example, if you click on this "downward arrow" then the position of the tab becomes 2 which is 1 right now. Similarly, we have "upward arrow" button as well, which takes up tab position from its current position.
  3. "+" button can be used to add an additional tab underneath of the current tab.
  4. "-" button removes current tab from a menu.
  5. It indicates a position of the item inside a specific tab .
  6. This arrow change the position of the item. For example, if you click on this "downward arrow" then the position of the item becomes 2 which is 1 right now. Similarly, we have "upward arrow" button as well, which takes up tab position from its current position.
  7. "+" button can be used to add an additional item underneath of the current item.
  8. "-" button removes current item.