Widget/Layouts

Class Listings

The Class Listings widget allows Site Builders to embed a filtered list of classes from the Berkeley Academic Guide. The Academic Guide is is a robust tool to help the campus community explore Berkeley’s curricula and find classes, with various filters available.

People Feature

The People feature allows you to create content for individual people, which can be featured/listed in a few different ways. This feature is a good way to create and showcase a directory of people on your site.

Image shapes and sizes (Berkeley Brand)

The Berkeley Brand guidelines provide standard image sizes for Brand components such as Hero, Photo Thumbnail, and Promo widgets....

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.

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 widget

The Give to Berkeley widget allows site visitors to make donations to Give to Berkeley fund sources. The Give to Berkeley platform is managed by University Development and Alumni Relations (UDAR).

About the Give to Berkeley Widget

The Give to Berkeley widget allows Site Builders and Widget Editors to display a "Support Fund" box. This box will link to individual fund sources on the Give to Berkeley platform. The box will display "Support Fund" text on the bottom, and...

Google and bConnected Widgets

Site Builders and Widget Editors may use the Google/bConnected widgets to embed the following Google items on their pages:

Google Doc Google Form Google Calendar Custom Google Map About Google and bConnected Widgets

The first three items in the above list are Google apps from the campus bConnected suite of services. Google Docs and Google Forms are available in bDrive. Google Calendar is available in...

Video Thumbnail with Modal

The Video Thumbnail with Modal allows Site Builders to show a photo in a widget that links to a video, and then when a user selects the widget, a larger zoom (modal) of the video player pops up to show the embedded video. Just like the Add Video widget, only YouTube and Vimeo videos can be used. The photo used for the widget can be a still from the video, or a related image.

Photo Thumbnail with Zoom

The Photo Thumbnail with Zoom allows Site Builders to display a photo in a widget, and when a site visitor selects the photo, a larger "zoom" (modal) version of the photo pops up. The Photo Thumbnail with Zoom features a title to accompany the photo with options to include a photo credit and/or description (the description field uses the limited WYSIWYG editing toolbar).

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.