Site Builder Role

Edit the Home Page

Overview of Your Website's Home Page

Your home page is populated and organized by layouts and widgets. It has the same general behavior as a Landing Page. There are a few important items to consider when editing your home page.

Edit the HTML of a page

If desired, Site Builders can edit the content of page directly in the HTML. If you are comfortable using basic HTML, feel free to use this option. Important note: Some HTML tags and attributes are filtered out, so not everything that you might type into the HTML editor will appear on the page.

To edit the HTML of a page, select the "HTML" button from the editing toolbar.

Data Visualization Widget

The Data Visualization (formerly Highcharts) widget allows you to embed accessible, interactive data visualizations created using Everviz (formerly Highcharts Cloud). Dozens of chart types and variations are available, including line, spline, area, column, bar, pie, and scatter charts.

Photo Thumbnails

Photo thumbnails allow Site Builders to add a widget containing a photo with a color band (all Berkeley Brand colors are available) added to the bottom of the photo. These Photo Thumbnails are meant to link to either internal or external content.

Expand/Collapse Content

Site builders who are comfortable editing HTML directly can add expanding/collapsing (accordion) content sections (the expand/collapse functionality is used on this very page!) to any content page or text widget.

FAQ Display

Lists of Frequently Asked Questions and their categories can be displayed in three different ways: jump links, questions inline, or collapsible.

Other Theme Settings

The additional options available in Theme Settings are as follows. These options are available from the Site Builder Dashboard, under Other Administration ("Theme Settings for Open Berkeley Brand"):

Configure Widgets

On pages where you are using layouts and widgets (such as the home page, or a Landing page, or a Content page where you've added something like an optional sidebar), you can edit each widget individually, create new widgets, and drag and d

Campus Calendar widget

The Campus Calendar widget enables you to embed a short list of events from the Campus Calendar on your pages.