Widget/Layouts

Limited WYSIWYG Toolbar

In regular Content pages and Text widgets, there is a "regular" (full) editing, a.k.a. WYSIWYG, toolbar. However, there are a few features in Open Berkeley that only allow a limited subset of tags.

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.

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.

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.

Add Map

NOTE: If you would like to embed a map featuring multiple locations (using Google's "My Maps"), see Google and bConnected Widgets. Otherwise, for a map of just one location, see details below.

To embed a map of a single location in a widget, choose the "Add Map" option. Add the street address of the location you would like to feature, and a Google map will be generated.

Hero Widget

Hero image layouts allow site builders to add full-width images with text (and optional videos and links) across the top of your home page or landing pages. The styles and layouts match the new design of the Berkeley homepage and News website.