Widget/Layouts

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.

Add Submenu

Overview

You can feature menus from your site in a widget area by using the "Add Submenu" option. Select "Override Title" to add your own title if desired (otherwise, the title defaults to the chosen menu, and links to the parent item), then select the "Starting level" (1st level, 2nd level, etc.).

Google and bConnected Widgets

The campus bConnected suite of services includes Google apps such as Docs and Forms (bDrive) and Calendar (bCal).  Using the Google/bConnected Widgets feature, Site Builders can add bConnected or other Google docs, forms, and c

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.

Layouts and Widgets

Overview

Site Builders are allowed to change the layout of a page and add a different types of widgets in the layout regions in order to organize and feature content. This layout and widget functionality is available on almost every page of an Open Berkeley site.

Your home page is a Landing page populated by widgets, so to edit your home page, you will need to follow the steps in this section to change the layout and edit the widgets.

Create Landing Pages

Overview of Landing Pages

"Landing pages" are pages without one primary chunk of content. Use them when you want a page with multiple content items of similar importance. They may be used as home pages, section home pages, galleries, etc. Only Site Builders and Widget Editors can create and edit Landing pages.

How to Clone a Page

Overview

Once cloning has been enabled for a content type (see Clone Content), Site Builders and Widget Editors will see a “Clone this [content type]” button at the top of every page of that type.

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.

Add Table

To add a table in a widget area, use the "Add Table" option. Note that if you need to create a widget with a table plus additional text/images/etc., use the "Add Text" option instead.

Select the number of columns and rows, then fill in the cells accordingly.