Configure the navigation menu

Customize the features that users can access from the top navigation bar in the web app.

Overview

The navigation menu is the header navigation bar located at the top of every Skedulo web app page. It is the primary tool used to navigate across the Skedulo web application and it consists of clickable labels to the left and a quick-create menu to the right of the search bar.

The global navigation menu.

As an administrator, you can customize the items on the navigation menu and, if you have access to the beta feature, in the quick-create menu via the Navigation menu settings page.

Customize the navigation menu

Type Description
Page The standard set of pages that are available in the web application. For example, Swimlane, Calendar, and Job Details.
Platform page (beta) Next-generation pages that provide more powerful functionalities.
Web extension A customization feature that extends the Skedulo web application UI. It enables you to build custom user interfaces using our Skedulo Lens API, GraphQL schema, and other third-party providers.
Link Any URL you provide.
No Link The menu item is not hyperlinked. This can optionally be leveraged to group a series of menu items where there is no natural destination for the parent menu item.

Add a menu item

To add a new item to the navigation menu, do the following steps.

  1. Navigate to Settings > Navigation menu.
  2. Click Add menu item to display the Add menu item modal. Add menu item modal
  3. On the Add menu item modal:
    1. Enter a name for the new menu item, for example, Job Offers.
    2. Choose the type of event that will be triggered.
      • If you selected Page or Platform page, select a destination page from the drop-down menu.
      • If you selected Web extension, select a web extension from the list.
      • If you selected Link, enter the URL. The Add menu item dialog.
    3. Click the Roles with access drop-down and select all roles that must be able to access the item in the navigation menu.
    4. Click Apply.
  4. On the Configure the navigation menu page, click and drag the new menu item to where you want it to appear. The new menu item in the list.
  5. Click Save.
  6. Refresh your browser window to view the updated navigation menu. The new menu item is added to the navigation menu.

Order and nest menu items

Administrators can modify the ordering of the navigation menu by dragging a menu item to a new position.

  1. Navigate to Settings > Navigation menu.

  2. Click and hold a menu item in the list. The cursor changes to indicate the item can be moved.

    Drag and drop menu items

  3. Drag a menu item up or down to change its position in the list. Drag a menu item to the right to nest it beneath a parent item.

  4. Click Save to save your changes.

  5. Refresh your browser window to view the updated navigation menu.

Customize the quick-create menu

The quick-create menu can be configured in the same way as the main navigation menu items; however, the ability to do so must be enabled in the Settings. Quick-create menu options can be hidden from users with certain roles, renamed to better fit your use case, or expanded to include links to different areas of the web app.

Quick-create menu item types

Type Description
Create flow The standard set of web-app pages that are available by default as navigation items in the quick-create menu. This includes Job, Activity, Availability, and Unavailability.
Custom link A link to a page created using Skedulo’s web extension functionality.

To customize the quick-create menu, do the following steps:

  1. Ensure the option to customize the quick-create menu has been enabled.
  2. Navigate to Settings > Navigation menu.
  3. Click the Quick create tab.

The quick-create menu settings.

The instructions in the sections that follow describe how to add a new item to the menu, make changes to existing items, and remove an item.

Hide a quick-create menu item from a group of users

Role-based customization of the navigation and quick-create menus allows you to choose which navigation items are available to which users; based on their user roles. This can be useful for eliminating options in the UI that users do not need so that their workflows are cleaner and easier.

To hide a quick-create menu item from a subset of users, do the following steps:

  1. Navigate to Settings > Navigation menu and then click the Quick create tab.
  2. Click the pencil icon on the menu item you want to hide.
  3. Under Roles with access, remove the roles to which the users you want to hide the option from belong.
  4. Click Done.
  5. Refresh your browser window to view the updated menu.

See Role-based-customization of the navigation menu for more information about customizing navigation options based on user roles.

Add an item to the quick-create menu

To add a new item to the navigation menu, do the following steps.

  1. On the Quick create tab, click Add quick create. The Add quick create modal displays.
  2. On the Add quick create modal:
    1. Enter a name for the new item.
    2. Select the type item to add.
      • If you selected Create flow, then select an item from the drop-down menu. The Add quick-create menu item dialog for create flow items.
      • If you selected Custom link, then enter the path for the destination page. For example: /work/list. The Add quick-create menu item dialog for custom links.
    3. Click the Roles with access drop-down and select all roles that must be able to access the item in the quick-create menu.
    4. Click Apply.
  3. Click and drag the new menu item to where you want it to appear.
  4. Click Save.
  5. Refresh your browser window to view the new items in the quick-create menu.

Change the order of quick-create menu items

Administrators can modify the ordering of the navigation menu by dragging a menu item to a new position.

  1. Navigate to Settings > Navigation menu and then click the Quick create tab.
  2. Click and hold a menu item in the list. The cursor changes to indicate the item can be moved.
  3. Drag the menu item up or down to change its position in the list.
  4. Click Save to save your changes.
  5. Refresh your browser window to view the updated menu.

Role-based-customization of the navigation menu