Contributor role

Listings

On this page:

about listings widgets teaser text / featured image add / configure examples About Listings widgets

Listings widgets allow you to display lists of site content with various layout and display styles. The workflow for constructing generic Listings widgets is to build and structure your content first (e.g., create Basic or Custom pages, News items, etc.), and then select a Listings widget option that will display your content as desired.

Listings widgets can display any and all content types available on Berkeley Web Builder, including built-in generic content types ( Basic and C...

Widget options

As outlined in Add & manage widgets, there are a number of widget options for creating and featuring structured content on your Custom pages and feature-specific content items. These widgets include options to display images and media, create dynamic lists of content, use Berkeley Brand colors, and more. All widgets can be found under the “Customize” tab by selecting the “Add widget” button to see the widget selection screen, which organizes the widget options by category. See Figure 1, below.

Find and use widgets

When navigating through the widget selection screen, select one of the...

Embeddable content

On this page:

add / configure data visualization google calendar google custom map google doc google form

The Embeddable content set lets you feature interactive external content from these campus and third-party web tools:

Data visualization (special access; only with license): embed accessible, interactive data visualizations created using Everviz. Google calendar: embed a public bCal event calendar or schedule. Google custom map: embed a custom Google Map featuring multiple addresses or locations. Google doc: embed a published document from Google Docs / bDrive. Google form: embed an...

Berkeley websites

On this page:

add / configure Berkeley Class Schedule Berkeley Events Give to Berkeley

The Berkeley Websites widget set lets you feature content from these campus tools:

Berkeley Events: embed departmental event calendar(s) Berkeley Class Schedule: embed class listing(s) Give to Berkeley: embed a UC Berkeley donation link

Figure 1 shows the widget selection screen with a preview of the Give to Berkeley widget.

Add and configure Berkeley Websites widgets

Using these widgets requires some configuration or special access to UC Berkeley tools. See the below Berkeley Class Schedule, Berkeley...

Reusable content

On this page:

about important notes creating reusable content using & managing reusable content About reusable content

In Berkeley Web Builder, you can mark widgets as "reusable" to easily share and maintain content across your site.

Saving a widget as reusable adds it to the "Reusable content" category on the widget selection screen. Any future updates made to a reusable widget will automatically update every page where that widget appears.

Back to list

Important notes

Keep the following considerations in mind before using reusable content:

Permanent setting: Once you save a widget as...

Berkeley Brand

On this page:

about add & configure image styles examples About Berkeley Brand widgets

The Berkeley Brand widget set enables you to create and feature content such as images, media, text, and links using built-in style options for Berkeley Brand colors and text. Figure 1, below, provides an example of the widget selection screen with a preview of the Quote block widget.

Back to list

Add and configure Berkeley Brand widgets

Berkeley Brand widgets are located under the "Berkeley Brand" category on the selection screen (see Figure 1, above) when adding a new widget to a page.

Each widget...

Theme and branding

The theme refers to the "look and feel" of the website: The fonts, colors, and other structural elements (i.e., the UC Berkeley wordmark, site name/banner region, main menu, and footer). There are a few theme settings available to Site Builders and Site Managers.

Additional features

Build your Berkeley Web Builder site by utilizing the generic Basic page and Custom page types for the foundational architecture, and then use some of these additional features for data-specific structures and content integrations and display options.