Add and manage page widgets

On this page:

• about widgets
• add/manage widgets
• widget options

In Berkeley Web Builder, certain content types (Custom and feature-specific types) allow users to create pages with structured content; this refers to a website page with multiple content widgets, organized in page sections and displayed using layouts (varying combinations of rows and columns). 

In the "Customize" tab on Custom pages and other content types, there is a user interface with options to add, move, edit, configure, and remove page/content widgets. See below for more information about how to add and manage widgets on pages and for a full list of widget types and options.

About page and content widgets

The page sections and layouts on Custom pages and other content types provide the structure for you to add widgets in order to display and create the content on your page. There are both generic and feature-specific widgets, along with Berkeley Brand widgets, embeddable content, listings, and more. See Figures 1 and 2, below, for an example of a Custom page (interface and published page) with one templated page section and multiple widgets. 

Back to top

How to add and manage widgets

Figure 2, above, shows the page customization interface of a Custom page with one page section and a templated layout. The page widgets reside in layout regions and can be moved between regions and there are configuration buttons available for each widget. 

The following actions are available for page widgets in the page customization interface:

• drag (crosshairs icon; for moving/dragging widgets via mouse)
• edit (pencil icon)
• edit row weights (stacks icon; for moving widgets via keyboard)
• delete (trash can icon)
• settings (gear icon; on page field widgets only)
• add (plus icon)

See Figure 3, below, of a page customization interface with text, image, and page field widgets and their configuration buttons.

Select the appropriate buttons to edit, move by keyboard, or delete any existing widget and select the "plus" button in the layout regions to add new widgets. See Figure 3, above.

Selecting the plus button in a layout region will open a modal window with a widget selection screen organized by category; see Figure 4, below.

Select any of the categories to find and select widgets from the various areas (general and features-specific content widgets). A full list of widget options can be found below; select the links to find additional information and instructions on how to add and configure the widgets to pages.

Back to top

Widget options in Berkeley Web Builder

The following sets of widgets are found under the "General content" and "Features content" section of the widget selection screen (see Figure 4, above). (Links to individual pages TBA.)

Back to top