You are here

Custom Widgets

Creating a Custom Widget

To create a custom widget:

  1. Navigate to the course in BeachBoard in which you want to create a widget.
  2. Click on the Edit Course button in the upper-right of the screen.
  3. Under Site Setup, click on the Widgets link.
  4. Click on the Create Widget button.
  5. On the Properties tab that appears, enter a name for the new widget.

    New Custom Widget Name
     
  6. If desired, click on Release Conditions to specify criteria that allow only certain users to view the widget (i.e. only Instructors).

    The release conditions most likely to apply to widgets are as follows:

    1. Group Enrollment: Users must belong to the selected group to see the widgets associated with the condition.

    2. Org Unit Enrollment: Users must belong to the selected org unit to see the widgets associated with the condition.

    3. Section Enrollment: Users must belong to the selected section within your course to see the widgets associated with the condition.

    4. Role in Current Org Unit: Users must be enrolled in your course as a certain role to see the widgets associated with the condition.

  7. To specify one of these release conditions for a widget, click on Create and Attach, specify a Condition Type and Condition Details, and then click Create.

    Create and attach release conditions
     
  8. Click on the Content tab to design the appearance and functionality of the new widget.  Use the indicated buttons to insert embed code, images, Quicklinks, formatted text, and HTML code. 
  9. If desired, click on the Customize Widget Style button to determine more advanced settings such as the background color and border of the new widget.
  10. Be sure to save regularly to avoid losing your progress, and when finished, click Save and Close.  

Editing a Custom Widget

  1. Navigate to your course on BeachBoard.
  2. Click on Edit Course in the navigation bar.
  3. Under Site Setup, click on Widgets.
  4. Click on the Custom Widgets tab if it has not already been selected.
  5. Click on the pencil icon for the widget you’d like to edit.

    Editing a Custom Widget Pencil Icon