Creating Menu Items

Edcel Ceniza Updated by Edcel Ceniza

You may have already checked out the information regarding DeskDirector native menu items. In this article, we will discuss how to create custom menu items.

Creating menu items can be easily done via Portal > Menu Items > New Menu Item

In the Create Menu Item page, you should be welcomed by several forms and checkboxes, the most basic of which is the Name and Icon for the menu item.

Please specify the display name of the menu item, then specify an icon to be used for it. You should be presented with a few options upon selecting the icon form. If you can't see the icon you want to use, you can search for the specific icon from the material icon set.

Type of Menu Items

After specifying the menu name and icon, you should now choose the type of menu item you want to set up.

Extension Menu

This menu item will embed a static/dynamic website into the portal. You just need to specify the extension site's URL. Among the type of custom menu items listed here, this is the most powerful as this adds a lot of flexibility and functionality to the client portal with the endless possible extensions you can add.

Below the extension site URL form are sections for security and query parameters. Here's a separate guide to learn more about extension menu security and query parameters.

ConnectBooster Menu

This menu item will embed ConnectBooster (invoice and payment) inside the portal. You just need to specify the ConnectBooster site URL.

Only visible if user has Invoices permission

OneNote Notebook Menu

This menu item will embed a OneNote Notebook into the portal. You should be able to choose from a selection of existing OneNote Notebooks. If you have not created one yet, you can easily create OneNote Notebooks from the DeskDirector Portal.


The BiggerBrains menu item will allow your customers to view all the BiggerBrains courses for the given product. You can select which BiggerBrains product you want to show in the menu item. Note that BiggerBrains products are paid add ons which you will have to purchase in order to use. Learn more about BiggerBrains or check out this separate guide on how to add BiggerBrains into the DeskDirector menus.

Creating Menu Items - Tutorial


1. Open DeskDirector Admin Portal and click Portal.

Step 1 image

2. Click Menu System.

Step 2 image

3. In the Menu Item section, we can create individual menu items for our default or custom menu.

Step 3 image

4. Click Menu Item.

Step 4 image

5. The top section displays the menu items which are part of the system's default menu. You can click to edit them.

Step 5 image

6. Click Contact Support.

Step 6 image

7. Click the Name textbox.

Step 7 image

8. Modify the text in the name textbox.

Step 8 image

9. Click the Icon textbox to change the icon.

Step 9 image

10. You can search for an icon by typing in its name. Choose from the dropdown results.

Step 10 image

11. Click Add Tag to add any tags.

Step 11 image

12. Click the name of the tag that you wish to add.

Step 12 image

13. Click Save to save your changes.

Step 13 image

14. Click Items to go back to the Menu Items section.

Step 14 image

15. In the lower section, you can add or edit your own custom menu items.

Step 15 image

16. Click New Menu Item.

Step 16 image

17. Type the Name of the menu item.

Step 17 image

18. Next, click the Icon textbox.

Step 18 image

19. Type to search for the required icon. Then, click the icon name from the results.

Step 19 image

20. Click Add Tag to add any tags.

Step 20 image

21. Click the name of the Tag that you wish to add.

Step 21 image

22. Next, we can select how the portal will behave when the menu item is clicked. Expand the Type of Menu Item drop-down box to view the options.

Step 22 image

23. Let's choose the Extension Menu option. This will let the user view the contents from inside the portal.

Step 23 image

24. It gives the option to run the contents in a sandboxed environment. Toggle the Enable Sandbox switch to enable/disable it.

Step 24 image

25. If sandbox is enabled, the following options can further be enabled, to allow or restrict certain actions.

Step 25 image

26. Scroll up and click the Menu Item drop-down again.

Step 26 image

27. The External Link option will open the contents of a Menu Item in a new tab. Go ahead and click on it.

Step 27 image

28. Next, provide the website address in the External site's URL textbox.

Step 28 image

29. The following options will let you pass query parameters to the external website. You can use them as per your requirements.

Step 29 image

30. Finally, click Save to save the menu item.

Step 30 image

31. Click Items to go back to the previous section.

Step 31 image

32. We can now see our new Menu Item in the custom menu items section.

Step 32 image

33. That's it. You're done.

Step 33 image

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

How did we do?

Intro to Menu Items

Extension Menu Security and Query Paramaters