Widget Library Overview
This article helps Skilljar Starter admins understand how widgets are organized, how to open the widget picker, and which categories are available so they can quickly find the right widget for a Catalog Page.
This article helps Skilljar Starter admins understand how widgets are organized, how to open the widget picker, and which categories are available so they can quickly find the right widget for a Catalog Page.
Overview
When you add a new section to a Catalog Page using the + button in layout mode, Skilljar Starter opens a panel titled Choose a widget. This panel is the widget library. It groups available widgets into categories so you can select the one that best fits the page.
Widget Categories
The widget library includes the following categories.
- All: Shows every widget across every category in a single scrollable list.
- Blocks: Structural content widgets used to introduce, highlight, or direct learners, such as banners and quick links.
- Community: Widgets that surface community-style content, such as topics, discussions, or feeds. These align with the community modules referenced in the Skilljar Starter header.
- Gamification: Reserved for gamification widgets such as badges, ranks, and points.
- Layout: Widgets that help structure a page, such as containers, dividers, or spacers.
- Modules: Widgets that connect to platform modules and display module-driven content on the Catalog Page.
- Other: Widgets that do not fit into any other categories.
- Education: Education widgets for surfacing courses, learning paths, and other education content.
Add Widgets
To open the widget picker and browse the library:
- Open your Skilljar Dashboard.
- Navigate to the Catalog Page you want to modify.
- In the admin toolbar at the bottom of the page, click Edit Layout to enter layout mode.
- Hover over the location where you want the new widget to appear and click the + button on the left edge of the page. The Choose a widget panel appears.
- Use the sidebar on the left of the panel to filter widgets by category, or keep All selected to scroll through every widget.
- Click a widget to select it. The widget is added to the Catalog Page at the chosen location.
- Configure the new widget as needed, and verify the result using Preview State before publishing.
Widgets Available in the Library
The following widgets are available in the Choose a widget panel and can be used to build a Catalog Page:
- Banner: A full-width banner used to highlight a message, campaign, or program.
- Search Banner: A full-width banner that includes an embedded search bar, designed to surface search at the top of the page.
- Quick Links: A set of links arranged for easy navigation to key destinations.