DISCLAIMER: Some content in this article outlines how to use functionalities that will be publicly released to all clients at the end of June 2023. If you see differences between this article and your platform, check back at that time for updated content.

Introduction

The Widget Pages you configure for your desktop platform and for your mobile app are made up of widgets. Learn how to create Widget Pages in your platform.

This article lists the available widgets for desktop and mobile and explains how to configure them. Please note that some widgets are available for desktop only, widgets available for mobile are identified by a mobile icon in the widget area in the right panel.

To see a preview of how widget pages will be displayed to learners on desktop, use the Preview function in your platform. Remember that the preview function is not available for mobile pages, so we strongly suggest you test your mobile pages before deploying them, by creating a test menu assigned to a test user.

Activity Overview

The Activity Overview widget shows statistics about the user’s activity, such as the number of courses in which the user is enrolled as well as the number of Completed, In Progress and Not Started courses. Depending on the widget settings, other types of information may be shown.

Use the Title text area to define the widget title, or leave it blank to hide the title. Move to the Items to Display section to select the types of data that will be shown in the widget.

Activate the Courses Status toggle to show the status of the courses where the user is enrolled as a learner. Even if logged in as a Superadmin or Power User, the user will see data from the learner's point of view. Statistics are graphically displayed with a pie chart collecting data since the user was created in the platform. It is not possible to filter data according to timeframes.

Then, choose whether to show the Total number of user sessions and/or the Total number of user enrollments in the widget. Please remember that this information is shown only if you are logged in as a Superadmin or a Power User. Normal users will not see these statistics, even when this option is enabled. Data is graphically shown in a histogram and can be filtered by timeframes.

If the Discover Coach & Share module is active in your platform, you will see another option, called Social Activity. When this option is active, the Activity Overview widget displays an extra section, called Social Activity, showing the number of pending Invite to Watch requests and the number of assets uploaded and published by the user in the last week. Click on the icons to access respectively the New Invitation and Subscriptions channel page and to the All Channels page, pre-filtered in order to show relevant information.

Finally, set the widget height or leave this field empty to let the platform calculate it depending on the widget options you have enabled. If the natural height of the widget content is smaller than the height you have input, the widget will be automatically resized to its minimum height. As an example, when you enable the Course Status option, the height of the corresponding object in the widget is 330 pixels, while both the Total number of user sessions and the Total number of user enrollments options display objects being 375-pixel high. The widget minimum height is the sum of the heights of all of the objects composing it. 

Please Note! As the mobile app is for end users and has no Admin functionalities, only the Courses Status and the Social Activity statistics are displayed on mobile, while the statistics on users sessions and on users enrollments are not available.

This widget is available both for desktop and for mobile.

Activity Stream

The Activity Stream widget displays the latest platform activities so that the user knows what’s happening in the platform around them and which activities other users or admins performed.

This widget shows the user’s new enrollments in courses, assets, Q&As, and comments that have been published on the platform.

Use the Title text area to define the widget title, or leave it blank to hide it. When the Show activity from courses and learning plans toggle is enabled, the widget shows a card for every course or learning plan the user is enrolled in. Every card shows the user avatar, the course or learning plan thumbnail, title and language, the user enrollment date and level in the course. 

If you want the user to be able to comment on the displayed activities, enable the Allow Comments option. The Allow “Ask the Expert" button option displays the Ask the Expert button so the user can contact the channel expert if needed. This option can be used when Discover, Coach & Share is active in the platform. More info on questions and answers management.

This widget is available both for desktop and for mobile.

Catalogs

The Catalogs widget displays the Catalogs that the user has access to. This widget lists all of the courses that the users can purchase or in which they can enroll. Catalogs are defined in the Course Catalog area of the platform under the E-learning section of the Admin Menu. Learn how to create and manage course catalogs. Use the Title text area to define the widget title, or leave it blank to hide it.

Select whether to show all of the available catalogs by selecting the All Catalogs option, or a Custom Selection of catalogs. If you choose the Custom Selection option, then define which catalogs the user will see in the widget.

If you choose to display more than one catalog, you can select whether to display them in Default, Stream or Calendar mode, but remember that the Calendar display mode is only available for desktop, the mobile app always displays catalogs in Stream mode, even when the Calendar mode is selected. Remember that the Calendar display mode always shows past, present and future courses. The courses scheduled in the past are not deleted.

If you choose to display only one catalog, you can select whether its content is displayed in Default, Stream, Card, List, or Calendar mode. Default and Stream modes follow the same display view, but the Default option allows to define a pre-selection for “Type” and “Price” filters. Card and List display modes do not include the Catalog Title when displayed; in this case, if you wish to display the catalog title, set the name of the widget to include the title or the identifier for the catalog. 

Set now whether users are allowed to sort the catalog content, and the default sort option (newest to oldest, oldest to newest, name or code). The default sort option regulates the cards sorting mode in the catalog upon opening it, users can then change their sorting preferences at any time. 

The catalog widget includes a search engine, and its content can be filtered according to different criteria or by course categories. When setting one or more filters, or using course categories as filters, the widget only displays the first page of results for every catalog included in the widget. 

Please Note! Remember to consider the widget size in the page before setting any of the options listed above. Also, note that this widget loads 24 cards per catalog by default. If the catalog includes more than 24 elements, and you selected the List display view, the remaining elements are loaded as the user scrolls the widget content.

This widget is available both for desktop and mobile, and it is compliant with the platform accessibility standard.

Channels

The Channels widget displays the channels assigned to the user and their content.

Use the Title text area to define the widget title, or leave it blank to hide it.

By default, the All Channels option is selected, meaning that the user will be able to see all of the channels in the platform to which they have been granted visibility, but it is possible to configure the view in order to show only the user's personal channel (My Channel option) or a custom selection of channels.

To choose the channels that will be displayed in the widget, select the Custom Selection option in the Channels to Display section, then select channels from the Channels Order dropdown. You can set their sorting order by dragging and dropping channels, after selection. The order set in the widget configuration is the order in which channels are displayed in the widget.

In order to display the channels users are following in the widget, select the Followed Channels option.

In the Display Mode section, available when you choose the My Channel or the Followed Channels option, select whether channels will be displayed in card or stream mode. Keep the widget size in mind when selecting the display mode.

Optionally, you can enable a filter selection tool to filter channels. Simply enable the Show Filters Selector option. Then, you can flag the Show Search Bar option to allow users to search for channel names in the widget. The search bar will appear at the top of the widget, above the channel links.

When the Card Display Mode is selected, the names of the items shown in the Channels widget can be sorted in alphabetical order (A to Z or Z to A) or by date (newest to oldest or vice versa) to ease the search. You can enable this option with the Show sort by option. When enabled, remember to select the default sorting mode in the Default sort by dropdown menu.

Please Note! It is not possible to add more than 100 channels in this widget, as adding more than this may result in a page with a slower response and load time.Also note that this widget can display up to 24 cards per channel.

This widget is available both for desktop and for mobile, and it is compliant with the platform accessibility standard.

Courses and Learning Plans

This widget lists all of the courses and/or learning plans in which the user is enrolled. Please note that if you do not insert this widget in the users’ page if the Courses and Learning Plans built-in page is not in the user's main menu, users will not be able to see their courses and/or learning plans upon logging into the platform.

Insert the title of the widget, then choose if you want to show the courses and/or learning plans as a list or as cards. Please remember that the card view is only available when the widget has a one-column or two-column layout.

Select whether to show all the courses and learning plans, courses only or learning plans only. When selecting Courses and Learning Plans or Courses only, set if you want to remove the courses that are part of a learning plan from the list of elements shown in the widget. Use the dedicated toggle in the Display Mode section for this purpose.

Define now if you want to show the elements in the widget independently from their status, or only if their status is Not Started, In Progress or Completed.

A search engine is also available for the user to search for courses or learning plans within the widget. Enable the Show search bar filter option to display the search bar on top of the widget.

Optionally, you can enable a filter selection tool to filter courses and learning plans, and enable the Show Filters Selector option for this purpose. By enabling the Show sort by option, courses can be sorted by enrollment date (newest to oldest or vice versa), name or code. When this option is enabled, remember to select the default sorting mode in the Default sort by dropdown menu.

There may be many courses and/or learning plans to load in the widget, so remember to set your Courses and Learning Plans loading preferences in the Display Mode section:

• Show “Load More” button. When this option is selected, the Load More link will be shown in the widget and will display extra results when clicked.
• Show “View all My Courses and Learning Plans” link. When this option is selected, the My Courses and Learning Plans link will be displayed in the widget for the user to access their My Courses and Learning Plans page in the platform.
• Show the first two options together. Select this option to show both the Load More and the My Courses and Learning Plans links in the widget.
• Load items as the user scrolls the page. When this option is selected, courses and/or learning plans will be loaded automatically while the user scrolls the list.

Please Note! The options in the Display Mode section are not supported on mobile. On the Go.Learn mobile app, the Load More button at the bottom of the widget is the only option that allows you to display extra results.

Finally, decide whether you want to show the course deadline (if set) and if you want to remove from the widget the courses that are part of a learning plan.

This widget is available both for desktop and for mobile, and it is compliant with the platform accessibility standard.

Custom Content Box

This widget is composed by a background (either filled with a solid color or an image) with three elements laying over it: a content title, a content subtitle and a button (linking to a URL).

Use the Title text field to define the widget title, or leave it blank to hide it. Then, select whether you want to upload an image or fill the background with a solid color by flagging the corresponding option.

When selecting the Background Image option, upload your image in the Upload Your Image area either by dragging and dropping it or by browsing for it on your device after pressing the Upload icon. When the image is loaded, a preview is displayed in the dedicated area. Press the trash icon to delete the image. Supported file formats for images are PNG and JPG, and the maximum file size is 4MB.

When selecting the Background Color option, either use the color picker or directly enter the color’s HEX code. The default background color is the platform Accent Text and Links Color, which is defined in the Configure Branding and Look section of your platform’s Theme Settings.

Select whether you want to show the content title and subtitle, type them into the corresponding text fields and select a solid color for the text. Now, define whether to display the button. If the button is displayed, type the text shown on the button, link a URL by typing it in the Destination URL and define whether it will be opened in a new tab/window of your browser, or in the current tab. When setting the URL and opening the URL in the current tab, consider using relative URLs, so that users will be able to navigate back from the page they have been redirected to upon clicking on the button, directly from the Custom Content Box widget. When using absolute URLs, navigating back is only allowed via the browser Back button.

Complete the button layout configuration by selecting the button's background and text colors.

The final step is to define the alignment of the text content and button inside the widget. Define the horizontal alignment of the elements, keeping in mind that the selected alignment will impact all three elements.

Set the content vertical alignment to define the vertical disposition of the three elements. Select Top and Bottom to align the elements so that extra space is placed in between the content title/subtitle and the button. When the Middle option is selected, the extra space is distributed evenly above and below the three elements.

As a final step, define the widget's minimum height in pixels. The minimum height will be applied when the widget content is shorter than the minimum height, in order to fill the gap and keep the widget height consistent. Leave this field blank to use the default height.

This widget is available both for desktop and mobile.

Embed Video

This widget is used to embed the YouTube, Vimeo, or Wistia video players in your widget page. Upon inserting the video URL in the dedicated area, the icon of the platform from which the video player is loaded is colored, while the others will remain greyed out.

Please note the video does not autoplay in the widget. Users will have to start it manually. Video players are displayed in order to fit the available width. Since the original ratio is preserved, the widget height will be resized accordingly. Please note that the original video platform completely manages the player aspect and settings.

Use the Title text field to define the widget title, or leave it blank to hide it. Copy and paste the Video URL into the dedicated area.

This widget is available both for desktop and mobile.

Gamification

The Gamification widget shows gamification points, coins and badges, leaderboards and contests from the Gamification app. Use the Title text area to define the widget title, or leave it blank to hide it.

Then, select at least one of the options in the Items to Display section: Badges, Leaderboards and/or Contests. If Badges are shown in the widget, decide whether to Show how many badges have not yet been awarded and the View All option.

This widget is available both for desktop and for mobile.

HTML/WYSIWYG Widget

The HTML/WYSIWYG (What You See Is What You Get) widget allows you to create custom HTML or WYSIWYG content. You should have experience working with this type of content in order to properly configure the widget.

Use the Title text area to define the widget title, or leave it blank to hide it. Select whether you want to use HTML or WYSIWYG editor and write/paste your code in the dedicated area. You can optionally define the widget height in pixels. Never use HTML to iframe an internal platform page.

Please Note! The HTML content and the HTML content layout in this widget is under your responsibility. Any issue rising from a not properly configured HTML code, even in the case of migration to new platform/module versions, relies on you, not on Docebo. Remember that elements added to the widget are affected by the default CSS of the platform, so be sure to add your own explicit styles and unique classes to make the content look the way you want.

When using the HTML editor, the preview of your HTML may look different from the output in the widget. Also due to security filters applied when the HTML is saved, some code statements could be removed in order to prevent the usage of malicious code (f.e. CSS, JS code, etc.).

This widget is available both for desktop and for mobile. We suggest using the WYSIWYG editor for mobile pages, Docebo cannot grant the widget output when the HTML editor is used.

Best Practice: Use a relative link when linking to other pages (/pages/16/dashboard instead of http://mylms.docebosaas.com/pages/16/dashboard). This way, it won't matter whether your user is logged in via the custom domain or via the docebosaas domain when they click the link.

IFrame

The IFrame widget displays content from an external URL. You can simply copy and paste the link of the website that you want to show in the widget.

Insert the title of the widget, the height, and the link of the page that you want to display. To hide the title, leave the Title text box empty. If you do not insert a value in the widget height text box, the system will use the default height for this kind of widget.

Optionally, you can enable the Advanced Settings toggle, with the following consequences:

1. An OAuth2.0 authorization code for the current user is issued based on the selected OAuth2.0 client and is sent to the embedded page in parameter auth_code. This can then be traded with an OAuth2.0 access token valid to invoke Docebo APIs with the access level granted to the user currently logged in. Please note that the authorization code is only valid for 30 seconds from issuance, so it must be exchanged quickly with an Access Token.
2. A SALT code is sent to the embedded page as a parameter, in order to allow the embedded page to verify the identity of the caller page. This code is sent in a parameter named hash, containing the SHA-256 hash of the comma-separated concatenation of userid, username, OAuth2.0 authorization code, and the value specified in the Salt Secret field.

The embedded page can recalculate the same hash by concatenating the comma-separated parameters user_id, username, auth_code, and the known value specified as Salt Secret (in this order) and then hashing it with the SHA-256 algorithm. If the calculated hash matches the one sent in the parameter hash, then the embedded page has confirmed the identity of the caller page.

After pressing the Add Widget button, the platform performs an HTTP request to the provided URL to make sure that it is correct. Please remember not to use an URL of an internal LMS page.

Please Note! Before embedding an IFrame page, remember to check that the "Content-Security-Policy" and the "x-frame-options" of the site you want to embed are set properly to allow IFrame embedding. There are free tools on the internet to check this value for a specific page or you can just use the browser development tools and check the response header when navigating to the URL of the remote site.

This widget is available for desktop only.

Image

This widget is used to show an image on a widget page. Images can redirect to a destination URL so that when users click on the image, they are redirected to that URL. However, please note that you cannot add an internal URL (a platform page) as the destination URL. Supported file formats for images are PNG and JPG, and the maximum file size is 4MB.

Images are displayed in order to fit the available width. Since the original image ratio is preserved, the widget height will be resized accordingly. Make sure the image width is not smaller than the widget width, or it will be scaled up and might look blurry. Widget widths are  444px for 1/3 row widgets, 680px for 1/2 row widgets, 917px for 2/3 row widgets, and 1390px for full rows.

Use the Title text field to define the widget title, or leave it blank to hide it. You can translate the title of the widget into multiple languages by clicking the globe icon next to the title field. When translating the widget title in more than one language, note that it is not possible to associate different images to different languages, as the widget can only display one image. Learn more about using the multi-language tool to create multi-language content.

Upload your image in the Content to Display area either by dragging and dropping it or by browsing for it on your device after pressing the Upload icon. When the image is loaded, a preview is displayed in the dedicated area. Press the trash icon to delete the image.

Additionally, you can enter a Destination URL so that users will be redirected to that URL upon clicking on the image. Finally, use the toggle to define whether the URL will be opened in a new tab/window of the browser, or in the same tab/window.

Please Note! The suggested URL format for Destination URLs should include the entire URL string like “https://domain.com".

This widget is available both for desktop and mobile.

My Calendar

The My Calendar widget displays a calendar listing all of the courses in which the user is enrolled on a day-to-day basis. The calendar aspect may vary considerably depending on the selected type of view and on the widget size.  Use the Title text area to define the widget title, or leave it blank to hide it.

Then, select the calendar Display View: either Monthly, Weekly, or Agenda. Monthly and Weekly views are classic; you must press the calendar date to view details about the scheduled courses (location, timings, course title, and description). The Agenda View shows the current date and the following 2 days only, offering a more detailed view of course summaries and timetables.

By enabling the Show Display View option, you allow users to change the calendar display view dynamically by showing a dropdown menu listing the available calendar display modes. If this option is not flagged, you will choose the display view for all users, and they cannot change the view.

By activating the Show “View My Calendar” link option, you allow users to use the link redirect to their full calendar in the platform. Learn more about the platform’s calendar.

Optionally, you can enable a filter selection tool to filter the courses according to the course type (E-Learning and ILT), enable the Show Filters Selector option for this purpose.

When configuring the widget, enable the Show Search Bar option to display the search bar on top of the calendar. Then, when viewing the calendar widget, users can use the search engine to search for course names.

Please Note! The events on the My Calendar widget may not be adequately rendered if the widget is displayed with the 1/3 - Three columns row layout. We highly suggest configuring the widget in 1/1 - Full Width or in 1/2 - Half-width row layout.

This widget is available both for desktop and mobile. Please note that in order to activate it for mobile you as the Superadmin need to contact Docebo via the Help Center or through your Account Manager if your plan includes this option.

My KPIs

This widget displays a list of statistics related to users and courses. The widget layout changes depending on the type of user currently logged into the platform:

• For All Users: Shows the best answers and the best scores in classroom and E-Learning courses. If Discover, Coach & Share is active on your platform, it all shows the user's answers that are marked as Best Answer as well as the user's best score in an E-Learning and Classroom course.
• For Superadmins: Shows the user's recent activities in courses. If Discover, Coach & Share is active in your platform, it also shows the assets uploaded into Discover, Coach & Share, and questions asked during the current day and the last seven days.
• For Power Users: Shows the users recently active in courses and the managed courses and users. If Discover, Coach & Share is active in your platform, it also shows the assets uploaded into Discover, Coach & Share and questions asked during the current day and the last seven days. Please note that the count of the users recently active in courses is disabled by default. Refer to the API Explorer documentation for further details on how to activate this count.
• For Experts: Shows the answered questions and reviewed and approved assets. If a user is both an Expert and a Power User, then they will see both Expert and Power User KPIs. If Discover, Coach & Share is active in your platform, it also shows answers as well as reviewed or approved assets.

Use the Title text area to define the widget title, or leave it blank to hide it. Then, flag which type of information you want to show in the widget, depending on the user type.

Finally, set the widget height or leave this field empty to use the default height. When the natural height of the widget content is smaller than the selected height, the widget will be forced to resize to the selected value.

This widget is available for desktop only.

My Profile

This widget is available both for the desktop and for the mobile version of your platform. Please note that the only difference between the My Profile widget on desktop and on mobile is that when you switch on the Show “My Activities” link toggle during the configuration of the widget’s option, the My Activities link is available only for desktop because this page isn't available in the Go.Learn mobile app. Begin by inserting the title of the widget or leaving it blank to hide the title.

Then, choose what information you want to show in the box: the user’s profile picture, email address, the My Activities link (if you select this option, users will be redirected to the user’s personal summary page) and the My Profile link.

Please note: Profile pictures accept .jpg and .png file extensions. Ensure that file extensions are lowercase to fit this format requirement or your images may not upload properly. 

If you have previously created user additional fields, you can insert them into the widget by adding the names of the fields in the corresponding text box.

Finally, set the widget height or leave this field empty to use the default height. When the natural height of the widget content is smaller than the selected height, the widget will be forced to resize to the selected value.

This widget is available both for desktop and mobile.

My Transactions

This widget shows all of the purchases made by the user by means of the E-Commerce App within the platform. Purchases are shown as a list of transactions. The number of details shown in this widget depends on the widget size (1/3, 1/2, 2/3 or 1/1 column). When the user clicks on the menu icon at the end of the transaction row, they will be able to see the transaction details in a dedicated panel.

This widget has no configuration except for its title; its layout is not editable, so use the Title text area to define the widget title, or leave it blank to hide the title.

This widget is available for desktop only.

Questions & Answers

The Questions & Answers widget shows the questions and answers from the Discover, Coach & Share module related to e-learning courses and assets, meaning that this widget can be used only when the Discover, Coach & Share module is active in the platform. This widget allows users to answer questions, the question owner to identify an answer as the Best Answer, and other users to like or dislike answers.

Use the Title text area to define the widget title, or leave it blank to hide it. Optionally, you can enable the Show filters selector option to allow users to filter the questions displayed in the widget.

A search engine is also available for the user to search for questions and answers within the widget. Enable the Show search bar filter option to display the search bar on top of the widget.

By enabling the Show sort by option, questions can be sorted by date (from old to new, or from new to old) to ease the search. When this option is enabled, remember to select the default sorting mode in the Default sort by dropdown menu.

Flag whether you want to show the View All link in the widget, to show all the available questions and answers divided into pages. The number of questions and answers loaded on each page is defined in the Max displayable Q&A per page parameter. The minimum number of displayable Q&A per load is 1, the maximum is 10.

Define then whether to Show “Load more” link by enabling or disabling the checkbox. When this option is disabled, the three checkboxes of the Options section are automatically disabled.

Finally, when creating a Q&A widget you have an additional configuration which is Filter by Channel - select channels so that users will see only the questions and answers of those specific channels as well as ask questions directly from the specific channel widget. This allows you to create highly customized Question and Answers widgets and pages.

Please Note! If you do not select any channel when creating and configuring the widget, the default choice is All Channels.

This widget has an infinite scroll, so it should be placed in the bottom row of the page, with no widget below it since what is placed below an infinite scroll widget may not be visible to the users.

Please Note! In order to enhance the social experience for your users we suggest:

• Activating this widget if the course is available in a channel
• Activating the New Question to Expert and New answer for a question notifications, otherwise the user or expert needs to login to the course to check the updates

This widget is available both for desktop and for mobile.

Share Content

The Share Content widget shows the content shared by users on the platform and allows users to upload and share new content. This widget can be used only when the Discover, Coach & Share module is active in the platform.

Use the Title text area to define the widget title, or leave it blank to hide it. Move to the Sharing Options section to select the types of content that users will be able to upload and share using the widget:

• Share a Link. Allow your users to share URLs, videos from YouTube, Vimeo, Wistia, and other content via a link.
• Share a File. Allow your users to upload documents, videos, audio, and other files directly from their devices and to share them.
• Google Drive. Allow your users to share files directly from their Google Drive.
• Record your Screen. Allow your users to record their screen and share the recording.

If you want the widget to show the latest assets shared in the platform, enable the setting in the Content History section below.

This widget is available for desktop only.

Subscription Codes

This widget is for those using the Subscription Code app, and allows users to enter their subscription code. Use the Title text area to define the widget title, or leave it blank to hide it.

Please note that if the Subscription Code app is not active in the platform, then this widget will not be shown in the widget list.

This widget is available for desktop only.

Task List (UPDATED!)

The Task List widget shows the tasks assigned to the user.

Please Note! The task list only shows data relating to courses up to 90 days in the future

The widget layout and purpose change depending on the type of user currently logged into the platform:

• Learner. Shows the upcoming ILT sessions in which the user is enrolled, assignments evaluations to check, deadlines, the In Progress and Not Started courses and learning plans (excluding the courses in which the user is on the waiting list), the checklists requiring to be filled out and the certifications to renew. If the Upcoming Deadlines option is set in the Learners Only section, users will be able to see the list of courses whose deadline is within the next 90 days. However, if they click the View All button, all courses will be shown regardless of the deadline.
• Instructor. Shows the upcoming ILT sessions in which the user is enrolled, tests and assignments waiting for evaluation.
• Expert. Shows the assets to review and the questions without the best answer.
• Admin/Power User. Shows pending users and transactions, reward requests, course enrollment approval requests, assignments to evaluate, and overdue courses. Superadmins and Power Users can perform actions (such as approving or rejecting a user request or sending emails) from this widget.

Use the Title text area to define the widget title, or leave it blank to hide it. Then, select which type of information you want to show in the widget, depending on the user type.

Finally, set the widget height or leave this field empty to use the default height. When the natural height of the widget content is smaller than the selected height, the widget will be forced to resize to the selected value.

This widget is available both for desktop and mobile. Please note that on the mobile app, which is designed for end-users (learners) and has no admin functionality, the Task List widget only shows tasks assigned to learners (and not to Admins or other user levels or roles).

Tips & Tricks

When designing your desktop and mobile pages, keep in mind that all the compatible widgets will be displayed in a single column on the mobile app. If the rendering is not what you expected, because, for example, the same image is resized differently on desktop and on mobile, you may want to create a new page just for mobile (see how to duplicate pages), with a different widget layout and then assign the new page to the mobile version of the menu.