Change how a widget appears

  1. On the My Home or Course Home page, click The edit course admin icon Course Admin > The widget icons Widgets> The edit icon Edit.
  2. Click the Content tab.
  3. Do any of the following to customize your widget appearance:
    • To change the image on a course widget tile, click the widget and select Change Image.
    • To hide the titlebar, clear the Display Titlebar check box.
    • To prevent users from closing the widget on the homepage, select the Prohibit minimizing widget check box.
    • To set a custom title, in the Name section, select the Custom radio button. Enter your text in the field.
    • To change the font color of the title, in the Titlebar area, select a font color from the Color selector.
    • To change the background of the titlebar, from the Fill Type drop-down list, select Gradient or Solid. Select a color style: soft, light, or dark. These colors are set by your administrator.
    • To create a shadow effect on the titlebar, in the Titlebar Shadow area, select a font color from the Color selector. Set a vertical amount and a blur level in the fields provided
    • To change the border on the titlebar, from the Border Style drop-down list, select a line type. From the Color selector, select a border color. From the Width drop-down list, select a border width.
    • To remove the border on the titlebar, clear the Display Border check box.
    • To show the page background in a custom widget, in the Widget Background area, select the Transparent check box.
    • To create a shadow effect on the widget, from the Color selector, select a shadow color. Set the vertical and horizontal pixels, the spread of the shadow, and the blur level in the fields provided
    • To change the border of the widget, from the Border Style drop-down list, select a line type. From the Color selector, select a border color. From the Width drop-down list, select a border width.
    • To remove the border of the widget, clear the Display Border check box.
    • To change the shape of the corners on the widget, set a pixel value for each corner of the widget in the fields provided. The higher the value, the more rounded the corners appear. The lower the value, the sharper the corners appear. The lowest value you can enter is 0.
    • To change the padding on custom widgets, set a pixel value for each side of the widget in the fields provided.
  4. Click Save.

Note: To help you meet visual accessibility standards, there is a built-in WCAG (Web Content Accessibility Guideline) checker on the Widget Settings page. If you choose a shade that does not meet these guidelines (for example, the contrast between the text color and the background color is too low), the checkmark_green check mark by WCAG AA will be replaced by a warning warning or error error icon to alert you to possible accessibility issues.