Creating & Managing Widget Pages

Discover how to compose custom widget pages for your users

Last Updated

June 4th, 2019

Reading Time

6 min

User Level

Creating Widget Custom Pages

Widget Custom pages are fully configurable pages used to create a page layout either from scratch (starting from a blank page) or by using predefined templates of widgets.

This feature is available for both Growth and Enterprise clients.

To create this type of page, access the Admin Menu and press the Manage Pages item from the Settings section. Then, press the plus button in the top right corner. In the New Custom Page slideout panel, select the Widget Custom Page option and press Next. In the Details tab, enter the page name then, optionally, add the page code and a description. Press Next to proceed to the page configuration.

widget pages create

In the Template tab, either select a template from the list to use a predefined page layout or select the Blank option to design your page from scratch. Then, press Create & Edit. You will then be redirected to the page’s Settings page, where you can customize various elements and settings of the page.

Begin by flagging whether you want to publish the page or not. By default, all new pages are published. By unpublishing the page, it will not be visible in the LMS user menus, even though it is assigned to them.

You can always change the publication status of the page using the publishing bar at the bottom of the Settings page for each page you’ve created. Please note that once you change a page from Published to Unpublished, users will not be able to access that page, even if it is in a menu to which they have visibility. The page will be hidden from the user’s menu until it is Published again.

Then, move to the General Settings table. Here, you can edit any of the page details that you added in the slideout menu when creating the page and select the icon for your page.

Then, select an icon to identify your page. Press the icon, then select a new icon from the slideout panel and press Confirm. Next, in the Additional Page Buttons section, flag whether you want to display the Contribute button and the Ask the Expert button on the page. By enabling these buttons, you will enable users to upload assets and/or ask questions to experts directly from this page by showing the corresponding buttons in the top right corner of the page.

If your page includes a Catalog Widget, define whether to enable the Share this View button so that users can use it to copy the page link on their clipboard in order to share  with other users the filtered results of their search within the catalog. Please refer to the Advanced Filtering article for further information on sharing filtered page deeplinks.

When these options are enabled, the corresponding buttons are shown in the top right corner of the page. Once you’ve finished, press Save Changes to complete the page creation. Now, move to the Desktop Composer tab to see the page layout schema.

PLEASE NOTE: You cannot have any more than 1,000 pages or 200 menus in your LMS, including built-in pages and the default menu.

Configuring and Adding Rows from the Desktop Composer Tool

The Desktop Composer tab shows the layout schema of your widget page, reflecting the layout of the template you selected. Templates are a quick way to design your widget page, but you can still edit the structure according to your needs. If you selected the Blank page type when creating the page, the Desktop Composer tab will be blank, so you can start designing your widget page from scratch.

Each page is composed of horizontal rows. A row is an area containing one to three columns, depending on your selection; each column can contain as many widgets as needed, and widgets are stacked. When working with templates, rows are automatically configured with the necessary widgets for the template’s purpose, but you can edit them or add extra rows to the page.

widget page add row

Press the round solid plus button to add a row in the page. Select the widget layout that you want to give to the row from the slideout panel, then press Create. You can edit the row’s layout at any time by pressing the menu icon at the end of the row and selecting the Change Row Layout option to define the row layout. Select the layout option that suits you best from the slideout panel, then press the Change Layout button for confirmation.

If you change the layout to a smaller size (for example, you switch from a 1/3 – Three columns row layout to a 1/2 – Half width row layout), the widgets in the removed column are moved to the rightmost of the remaining columns. To move rows in the page, hover your mouse on the row header until a cross icon is displayed. Now click and drag the row and drop it to where you would like to place it.

Templates for Widget Pages

When creating a Widgets Custom page, once you’ve selected one of the available templates, the desktop composer will load a preset widget page with a set of widgets that are in-line with the template purpose:

Informal Training Dashboard. This template includes the Activity Stream (What’s happening around you..), My Courses and Learning Plans Overview, and My Calendar widgets.

Formal Training Dashboard. This template includes the Catalog, My Profile, Courses and Learning Plans, My Courses and Learning Plans Overview, and My Calendar widgets.

– Formal Training Stream. This template includes the Channels widget.

Course Offerings Dashboard. Template includes the Calendar, User Profile,My Courses and Learning Plans Overview and Catalog widgets.

Widgets in templates are configured with some default and some pre-configured settings, such as the widget title, options and timeframe. Options are shown in the widget area in the template.

widget pages template

However, please note that templates are not locked. You can modify the widget settings, as well as their size and position in the page. Also, you can add other widgets in the page or remove existing ones by following the steps described in the other sections of this article.

Duplicating the Row Settings

The row layout can be duplicated to speed up the widget page configuration. In order to duplicate a row layout, press the menu icon at the end of the row, then select the Duplicate Row Layout option. The new row will be designed below the selected row with the same layout and background as the original one, but with no widgets inside.

widget pages duplicate row

Deleting a Row

To delete a row, press the menu icon at the end of the row and select the Delete Row option. Press Confirm & Delete from the dialog box to complete the operation. Please note that all the widgets included in the row will also be deleted, and that at least one row must be present in the page. You are not allowed to delete a row if it is the only one left.

widget pages delete row

Adding Widgets to Rows

To add a widget to a row, press the plus button and select the widget from Add New Widget slideout panel. Configure the widget, then press Add Widget to insert it into the selected column. Widgets may have different layouts, depending on the size of the area where they are placed.

widgets pages add widget

To change the settings of a widget, press the menu item in the top right corner of the widget area, then select Edit Widget. Widget settings change depending on the widget, refer to the complete widget list for further information.

Please Note: You cannot add more than 10 widgets per page.

Moving Widgets and Defining Widget Size

To move widgets in the page, hover your mouse on the widget area until a cross icon appears. Now click and drag the widget and drop it into another column of the same row, or to any other row of the page. Please note that widgets with infinite scroll should be placed in the bottom row of the page, with no widget below them since what is placed below an infinite scroll widget may become not visible to the users. Press Save Changes when you’re finished.

widgets pages move widget

Page Preview

To view what your page will look like for users, you can use the page preview feature. From the Admin Menu, press the Manage Pages item from the Settings section to see the list of all the pages defined into your LMS platform. Look for your page and click on the pen icon at the end of the page row. You will be redirected to the page settings configuration. Move to the Preview tab to see the how the page layout appears for your users. In order to make the page more realistic, widgets are populated with sample data.

widgets pages preview