Site Builder Role

Add Images/Photos

NOTE: Large (high resolution) images may cause performance issues and could possibly cause other site errors. Try to only upload photos that have a file size of 1MB or smaller, especially when selecting the "original size" option (see below embedding instructions).

You can upload images to the website pages via the "Add Media" button on the editing toolbar:

Add Attachments

Summary

Attachments like PDF, Word, Excel, and Powerpoint documents can be added to Open Berkeley sites as downloadable links. You will upload the attachment first, and then add a link that allows site visitors to click and download. File size is limited to 50 MB because larger file sizes can cause degraded performance.

Highcharts Data Widget

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

Optional Styles

Overview

There are several optional HTML "classes" available that will change some of the default heading, paragraph, table, and list styling in Open Berkeley. To use these styles, you will need to make edits directly in the HTML source. See Edit the HTML of a page for more information about editing in the HTML source.

Use and Change Layouts

There are a variety of pre-configured available layouts with a variety of regions (hero, header, sidebar, etc.) on your Open Berkeley pages to help feature and organize your content. To see your layout options and to change layouts, select "Change layout" at the bottom of the page.

Photo Thumbnail with Zoom

The Photo Thumbnail with Zoom allows Site Builders to show a photo in widget, and then when a user clicks on the widget, a larger zoom (modal) version of the photo pops up. The Photo Thumbnail with Zoom features a line of text (a title) to accompany the photo, with the option to include a photo credit and caption as well.

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.

Campus Calendar widget

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

Give to Berkeley widgets

Overview

The UDAR Give to Berkeley widget (formerly called Give to Cal) allows Open Berkeley site builders to display a Give to Berkeley form for your unit on your pages. 

NOTE: You will need to know the embed code for this widget in advance.  For more information on setting up a form and/or getting the embed code, see University Development and Alumni Relations (UDAR) Customer Support.