Widget/Layouts

Photo Thumbnails

Photo thumbnails allow Site Builders to add a widget containing a photo with a color band (all Berkeley Brand colors are available) added to the bottom of the photo. These Photo Thumbnails are meant to link to either internal or external content.

News Listings Widgets

Overview

There are several options for displaying your News content in a widget. Select "News" from "Add Existing Content," then click the "Add" button for the view you'd like to feature in a widget.

Notes These options are separate from the default "News Archive" page. See...

Featured Image

Overview of the Featured Image option

A few Open Berkeley features require the addition of a "featured image" on the original content item. The image can be uploaded or selected from the image library during the process of creating/editing a content item.

A featured image should be added to content items when using the following features:

Content Grid, Content Thumbnail List widgets...

People Listing Widgets

Overview

By default, all People content will show up at the path "/people" on your site, and will be displayed as a sortable table with Name, Job title, and Role. This is not the only way to feature People content on your site. You can customize the default /people page to change or use a different People widget, or feature People widgets on any page that can be customized.

Several of...

Configure Widgets

On pages where you are using layouts and widgets (such as the home page, or a Landing page, or a Content page where you've added something like an optional sidebar), you can edit each widget individually, create new widgets, and drag and...

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

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.

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.