Information Computing and Technology Services

Drop-Down Menu (Multilevel)

The drop-down menu can be very beneficial for anyone creating a website. It can save space on your web page and keep the page looking clean and simple to navigate. You can add a drop-down menu to your CommonSpot page simply by following this tutorial. 

To insert the "Drop-down Menu" element follow these three (3) steps: 

  1. Insert the custom element "Dropdown Menu (Multilevel)" 
  2. Choose the titles for the levels in your drop-down menu 
  3. Adjust the settings

Detailed Tutorial

To create a drop-down menu insert the element "Dropdown Menu (Multilevel) " and follow these three (3) steps: 

Step 1: Insert the custom element on your page where you want it to be displayed by clicking on this icon. 

dropdown menu

Step 2: Now click on the gear icon to define the titles of the levels in your drop-down menu. You can add a sub-level of a title by adding in a "+" sign directly underneath of the desired sub-level followed by the text you would like to include. 

Dropdown-Menu1

Step 3: Now click on the "Advanced Settings" tab. Here you can change the text alignment, width of submenus, background color, font color, and a customized border. Checking the box at the top of the advanced settings menu will assign the default styles to your element. 

Dropdown-Menu2

Click save and that's it! You're drop down menu will look something like this: 

http://www.ecu.edu/cs-training/Dalton/tabbarnav.cfm

Contact Us

ITCS Admin - 252.328.9000
IT Help Desk - 252.328.9866
IT Help Desk - 800.340.7081
Classroom Tech - 252.328.9830
ITCS Leadership - 252.328.9000

Need Help?