Chat with us, powered by LiveChat Skip to main content
Echo360 Status:

Knowbly: Introduction to Widgets

Echo360
  • Updated

Widgets are interactive learning objects that can be used stand-alone or added to a course. Start with a growing library of widget types (templates) and use our WYSIWYG editor and previewer to quickly build your interactive content. These can be downloaded as a package, added to a course, or use the embed link to add the widget via a link or iframe to your existing content. 

The types of widgets available are:

  • Assessment
  • Flashcard
  • Hotspot
  • Media Gallery
  • Tab and Accordion
  • Categorization
  • Video

Common Steps

This section describes the common steps involved whether you create a new widget or use an existing widget.

  1. Click Course Structure from the menu. Course Structure icon identified from the menu as described
  2. Choose a lesson that will contain the widget.
  3. Select Blocks from the menu. Blocks icon identified from the menu as described
  4. Choose One Column, Two Column, or Minor Major.
  5. Select Widget.
  6. Choose a Widget from the New Widget tab or an existing Widget from the Content Manager tab of the Add Widget window. The Add Widget window

Narrowing your Search

You can search for the type of Widget to narrow down your selection as shown in the figure below.

SearchForWidget.png

You can also filter the Widgets by type to narrow down your selection as shown in the figure below.

FilterWidgetByType.png

Creating a New Widget

  1. To create a new widget, select the New Widget tab if it is not already selected.

  2. Find the type of widget you would like to create.

    For more information about searching for widgets see the above section, Narrowing Your Search.

  3. Click Select while hovering over the Widget you want to create. The Add Widget window with the Select button identified for a Multiple Choice Widget

  4. Name your Widget and click Add. The Add Multiple Choice window with Widget named and Add button identified

    The widget is added to the selected lesson.

  5. Click the Click here to add content link to edit the widget.

Using an Existing Widget

  1. To use an existing widget, select the Content Manager tab. The Add Widget window with the Content Manager tab selected as described

  2. Select the type of existing widget you would like to use.

    For more information about searching for widgets see the above section, Narrowing Your Search.

  3. You can sort the results using the following criteria:

    • Updated (default)
    • Name A to Z
    • Name Z to A
    • Size

    The Add Widget window with the Content Manager tab selected and the options to sort by expanded as described

  4. Once you have found the existing widget, hover over it and click Add.
    The widget is added to the selected lesson.

Editing Widgets

You can edit a widget after creating a new one or adding an existing one.

  1. Click the Click here to add content link or the Edit Widget button, as shown in the figure below, to edit the widget. Edit Widget link and button identified as described

    If the widget is already being used in another course you will see a warning similar to the one below:
    Warning for if the widget is already being used in another course
    The warning is to let you know that if you change the widget, it will be affected in the versions used in those courses.

  2. Click Continue to proceed.

    Depending on the type of widget that you are editing, the widget will display in Edit mode.

  3. Edit the widget.
  4. Click the Preview tab to preview your changes.
  5. Access the Settings and / or Themes sections to make changes. Setting and Themes icons identified from the menu as described
  6. Click Back when finished editing the widget.