Widget/Layouts

Add a Spotlight (slideshow)

Overview

Spotlights are photo slideshows that contain images overlaid with optional titles and descriptions. You can link them to pages on your site, or to external webpages.

Spotlight images are fully-responsive; the spotlight will rescale itself to fit the space available to it depending on your page layout and the viewer's device size. For best results, you may want to crop and resize your images to one of the available layout styles/ratios (see below) before you upload them.

When you choose one of the available spotlight options (see below) and drag them into different...

Thumbnail List

A Thumbnail List allows Site Builders to feature one or more "thumbnail"-sized photos with accompanying title text (which is linked to either internal or external content), with the option to add secondary text as well.

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

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....

Edit Summary on Content Items

On many content types on the Open Berkeley platform, there is an "Edit Summary" option. On Landing pages, the label for this field is "Summary".

The "Edit Summary" option is helpful for showing the "teaser" (summary) text on the following features:

News Archive page...

Twitter Widget

Twitter Widget allows site builders to add Twitter timeline widgets to pages. You need a Twitter account to create these widgets, but you do not need a Twitter developer account or API key. Please note: As of late 2023, the X/Twitter widget has been deprecated due to platform issues interfering with proper feed display.

Class Listings

The Class Listing 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.

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.

Data Visualization Widget

The Data Visualization 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.

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.