Featured content custom widget

To configure the custom Feed widget in the Widget builder:

1. Go to the widget builder community here.

2. Select the Featured content widget template.

   

3. In the Appearance section, configure the look and feel of the widget. You can control format, the size of the widget, cards within it, the colour, and the widget title.

   You can configure the following appearance settings:

   • Select widget size: Select a preset width for your widget. You can give your widget a width of:

     • 2 columns

     • 3 columns

     • 4 columns

     • 6 columns

       

   • Configure widget colour: Select the colour of the widget buttons and progress bars shown on the widget. You can select the primary colour for your instance or manually specify a colour by entering a hexadecimal value.

     

   • Enable recommended content: Select this checkbox to determine the intervals
     

     As you are configuring each setting, you can preview the changes using in the DESKTOP EXAMPLE PREVIEW section at the bottom of the screen:

     

4. When you’ve finished configuring the look and feel of the widget, click NEXT.

   

5. In the Configure section, you can determine what is displayed on the widget.
   You can configure the following settings:

   • Display: Choose which content items will be shown to users on the widget:

     • All content that the user has access: Select this option to display all the content the user has access to.

     • All content from specified communities: Select this option to display all the content the user has access to from a specific community. To specify the communities, enter the ID of each community in the Community ID number field and only content items from those communities will be shown.

       

   • Filter (optional): Here you can determine what content types are shown in the feed on the widget. For example, you might only want certain types to be shown, such as articles, questions and links, but not videos, files or SCORM courses. By default, articles, files, questions, videos, SCORM courses, and links are shown. To remove a particular content type, deselect the checkbox next to it and content items of that type won’t be shown on the widget.

     

   • Author(s):

     

   • Tags:

     

   • Sort: Here you can determine how the content items are sorted on the widget. You can display the content sorted by how recently it was added to the platform, or by how popular it is in terms of views, likes and comments.

     

   • Pin specified content to beginning: You can pin a particular content to the beginning of the widget so that it is always displayed. You can do this selecting the checkbox and then entering the IDs of content items you wish to pin.

     

6. When you’ve finished configuring the display settings, click GET CODE.

   

7. The code is then generated based on the configuration options you’ve selected. Once you are satisfied with the styling and behaviour of the widget, copy the code.

   

8. In Design Studio, add the Custom HTML widget to a page in your instance, then paste the code into the widget, and publish the changes. The widget will then appear on the specified page with the chosen styling, content and dimensions.