Versions Compared

Version Old Version 26 New Version 27
Changes made by

James Goodwin

James Goodwin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Go to the Widget builder community here.

  2. Select the Featured content widget template.

    Screenshot 2024-11-21 at 16.58.13.png

  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:

      • 3 columns

      • 4 columns

      • 6 columns

        Screenshot 2024-11-21 at 16.59.42.png

    • 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.

      Screenshot 2024-11-21 at 17.00.20.png

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

      Screenshot 2024-11-21 at 15.55.58.pngImage RemovedScreenshot 2025-01-27 at 13.44.09.pngImage Added

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

    Screenshot 2025-01-22 at 13.42.38.pngImage RemovedScreenshot 2025-01-27 at 13.45.00.pngImage Added

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

    • Content: Here you can decide whether or not to display recommended content after the items of featured content have been viewed. To do this, select the Enable recommended content checkbox.

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

    Screenshot 2024-11-25 at 10.25.58.png

  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, click COPY CODE to copy the code to your clipboard.

    Screenshot 2024-11-25 at 10.27.59.png

  8. Go to Design Studio in your Fuse platform and add the Custom HTML widget to a page, ensuring that it is the same dimensions chosen in the Widget builder (e.g. if your widget in the Widget builder is set to 3 columns in width, make sure the Custom HTML widget in Design Studio is also 3 columns in width)

    Screenshot 2024-11-26 at 15.44.17.png

  9. Paste the code into the HTML widget in Design studio, deselect the Show widget borders checkbox, then save and publish the changes. The widget then appears on the specified page with the chosen styling, content and dimensions.

    paste code into widget and untick box.gif

Info

The featured content that is displayed depends on where you have published the widget. For example, if you publish on a homepage, the widget only displays featured content that has been specifically set in the Featured content screen in the Admin Panel, whereas if you add the widget to the homepage of a specific community, it will display the featured content set in the Featured content section of the community admin screen for that specific community.

...