Introduction
The Superadmins of your platform can configure and organize the layout of the pages and the menus used both by the desktop and the mobile platform. Depending on your needs, you can keep the desktop menu structure and page layout aligned with the Go.Learn app, or keep different versions.
Use Case Scenarios
The menu structure, as well as the structure of the pages composing the menu, is flexible and can be changed at any time. It is a perfect fit for a situation where you need to define some pages dedicated to an event your company is organizing to share the event program, or the directions on how to get to the venue, only for a limited period of time (that is, before and during the event), both for desktop and for mobile. Thanks to this flexibility, a Company using the Extended Enterprise App can design different sets of pages, organized in different menus, one for every domain managed by the platform. When using the White Label App in conjunction with the Extended Enterprise app, the set of pages and menus can be branded differently for every domain.
Pages
Docebo manages three types of pages:
- Built-in Pages. These pages are included by default in the platform menu but their layout cannot be edited and they cannot be deleted, nor duplicated. As a Superadmin, you can define whether to show or hide them in menus. The built-in pages available for mobile are: My Courses and Learning Plans, All Channels, Course Catalog, My Channel, My Skills and Questions & Answers (the last three are available only when the Discover, Coach & Share module is active). More information about mobile built-in pages.
- External Link Pages. These pages are used to open links from external webpages directly within your desktop platform or your Go.Learn mobile app. External Link pages are available both for desktop and for mobile.
- Widget Pages. These pages are made up of widgets and can be fully configured by Superadmins. Some widgets are available both for desktop and mobile, some for desktop only. In order to view the pages already configured for your desktop and mobile platforms, login as the Superadmin, then access the Admin Menu from the gear icon in the top right corner of the page, then click on Manage Pages in the Settings section.
This page lists all of the pages configured in your platform, ordered by page type. Remember that every page is available by default both for desktop and for mobile. Each row displays the page icon, code, name and description, whether the page is a Built-In, External Link or Widget page, in how many menus the page is included, and the number of widgets composing the page (for widget pages only).
Since not all the widgets available for desktop are also available for mobile, the Widgets column includes details about the number of widgets used for the desktop and for the mobile page. The last column of the table shows if the page is published or not. When a page is published, it is possible to include it into menus. Remember that pages are displayed only to the users assigned to at least one menu including the page. If a page is not assigned to any menu, no user will have access to it. Customize the table layout by selecting the columns you want to see in the list by clicking on the columns management icon in the top left corner of the table. The table layout is refreshed in real time when columns are selected or unselected from this area.
Manage Pages
Click on the page name to see the page details. The page details change depending on the page type, and are mostly not-editable for built-in pages. Find out more about widget pages and about external link pages. Click on the ellipsis icon at the end of the row of a page to copy its URL (to share the page with other users), edit, duplicate or delete it. Remember that the Delete and the Duplicate and Edit options are not available for built-in pages, since these pages cannot be managed by users.
When you delete a page, it will no longer be available in the menus it is associated with. If you delete the page used as the landing page after the login, after logging in, users will receive a 403 error and will not be able to navigate the platform. When you duplicate a page, the platform will create a copy of it, having the same status (published/unpublished), general settings (description, languages, additional page buttons, icon), widgets and related settings, mobile layout and desktop preview. The page name and the page code will be duplicated with the - Copy suffix. The duplicated page will not be assigned to any menu, so that you can edit it before making it available to users. When the page is ready, remember to associate it with a menu to make it visible. Please note that the duplicated page will be added as the last page in the Manage Pages page, according to the default list sorting order (oldest to newest).
At any time, you can switch to the Manage Menus section by pressing the list button in the top right corner.
Menus
In order to view the menus already configured in your platform, login as the Superadmin, then access the Admin Menu from the gear icon in the top right corner of the platform and select the Manage Menus item from the Settings section. Remember that every menu you create is available by default both for desktop and for mobile. Each row displays the menu name and code, the users enabled to see the menu, the number of pages included both in the desktop and in the mobile menu, whether the menu is the default platform menu, and if it is published or not.
Click on the ellipsis icon at the end of the row of a menu to edit, duplicate or delete the menu. At any time, you can switch to the Manage Pages menu by clicking on the list button in the top right corner.
Configuring Pages and Widgets via CSS
If you have basic knowledge of CSS, you can customize your desktop platform pages using CSS files. Every platform page (built-in, external link or widget page) is identified by a unique ID in the CSS HTML, automatically assigned by the platform at creation time, with the following format:
#doc-page-{page_id}
The {page_id} value is a numeric shortcode. Here is a CSS example:
#doc-page-14 .tilegroup-wrapper .tilegroup-head {
display:none !important;
}
We strongly suggest avoiding long selectors, as they are more likely to cause problems when Docebo operates changes in the platform layout. Since built-in pages are embedded in the platform, they have a fix page ID, as defined in the following table:
| Built-in Page Name | Unique Page ID |
|---|---|
| My Courses and Learning Plans | doc-page-my-courses |
| Course Catalog | doc-page-catalog |
| All Channels | doc-page-channels-dashboard |
| My Channel | doc-page-my-channel |
| Questions & Answers | doc-page-questions-and-answers |
| Subscription Plans | doc-page-subscriptions |
| My Team | doc-page-my-team |
| My Checklists | doc-page-my-checklists |
| My Skills | doc-page-channel-{channel_id} |
| My Skills | doc-page-my-competencies |
| My Calendar | doc-page-my-calendar |
Similarly, any widget available in widget pages is identified by a unique ID in the CSS HTML, also automatically assigned by the platform when the widget is created, with the following format:
#doc-widget-{widget_id}
The {widget_id} value is a numeric shortcode. Thanks to pages and widgets’ unique IDs, you will be able to customize every single page and widget in the platform according to your company requirements. Further information on how to customize the layout of your platform via CSS.
Best Practices
Keep the following best practices in mind before creating and managing menus & pages:
- Keep it simple
- Define your priorities
- Remember that scrolling down can break the User Experience
- Elements on the top are more relevant
- Start from your company’s website
- If you have a lot of elements to show, create another page
- Create a different menu/page for target only if it’s necessary
Tips & Tricks
The user platform navigation history is both tracked in the platform and in your browser. Though we try to optimize as much as possible your navigation experience via browser, using the browser Back button may sometimes not lead you properly back to where you came from. Should this happen, you can take advantage of the platform navigation bar.
Find Out More
Start by creating pages, then organize them into menus and assign them to users. Find more information here:
- Create widget pages. How to create pages from scratch using widgets, or using predefined templates to speed up the creation process.
- Use the right widgets. Refer to the complete list of available widgets, both for mobile and for desktop.
- Create external link pages. How to create pages linking to external web sites.
- Organize pages into menus. How to organize pages in menus, and how to synchronize desktop and mobile menus.
- Learn about mobile pages and menus. Refer to the Q&A on everything you need to know about the transition to mobile pages.
- Manage pages and menus on Go.Learn. Learn more on using and navigating the mobile app menu and on mobile built-in pages.