You are here

Managing Widgets

Widgets are sections of content you may add to your homepages to provide information and links to course and administrative activities and resources. There are two types of widgets: System Widgets and Custom Widgets. 

System Widgets

System widgets are available as part of BeachBoard and cannot be edited or deleted, but you can remove them from a homepage or move them to a different section of a homepage using the Homepage Management tool. Additionally, you can change the appearance of system widgets using the same properties as custom widgets (i.e., border style, title bar color and more).

Custom Widgets

Custom widgets are widgets that you create within your course. You can add any custom HTML code and create a wide range of widgets to expand the functionality and available content in your homepage.

Creating and Editing Widgets

  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. 

    Create Widget button
     
  5. On the Properties tab that appears, enter a name for the new widgets
  6. If desired, click the Release Conditions tab to specify criteria that allow only certain users to view the widget (i.e. only Instructors).
    1. 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
    2. 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 widget release conditions
       
  7. 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.    
  8. 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.
  9. Be sure to save regularly to avoid losing your progress, and when finished, click Save and Close.  

Adding Release Conditions to a Custom Widget

  1. From the edit widget page, click on the Release Conditions tab.
  2. Click either Attach Existing or Create and Attach to add the applicable release conditions.
    Create and attach widget release conditions
  3. If Attach Existing is selected:
    1. Select a tool to View Conditions For from the drop-down list.
    2. Check the applicable conditions.
    3. Click Attach
  4. If Create new Condition is selected:
    1. Select the applicable Condition Type from the drop-down list.
    2. Depending on the tool you select, other drop-down lists appear below the Condition Type field. Select the applicable options.
    3. Click Create.
  5. Click Save

The 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 of 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.

Content

The Content tab allows you to add your own custom HTML (with the exception of ASP) code and incorporate your organization’s specific colors, logos, and other display techniques when creating widgets.

Use the default content window of the HTML Editor to add content to your widget and click the Edit HTML Source icon in the bottom left corner to add HTML custom code.

Widget Content Tab