Previewing Pages Using ContextHub Data

The ContextHub toolbar displays data from ContextHub stores and enables you to change store data. The ContextHub toolbar is useful for previewing content that is determined by data in a ContextHub store.

The toolbar consists of a series of UI modes that contain one or more UI modules.

  • UI modes are icons that appear on the left hand side of the toolbar. When you click or tap an icon, the toolbar reveals the UI modules that it contains.
  • UI modules display data from one or more ContextHub stores. Some UI modules also enable you to manipulate store data.

ContextHub installs several UI modes and UI modules. Your administrator may have configured ContextHub to display different ones.

Revealing the ContextHub Toolbar

The ContextHub toolbar is available in Preview mode. The toolbar is available only on author instances and only when your administrator has enabled it.

The ContextHub toolbar

  1. With your page open for editing, on the toolbar click or tap Preview.

    The Preview button

  2. To reveal the toolbar, click or tap the ContextHub icon.

    The ContextHub button

UI Module Features

Each UI module provides is different set of features, but the following types of features are common. Because UI modules are extendable, your developer can implement other features as required.

Toolbar Content

UI modules can display data from one or more ContextHub stores in the toolbar. UI modules use an icon and a title to identify themselves.

ContextHub personas

Some UI modules display a popup overlay when clicked or tapped. Typically, the popup contains additional information than what appears on the toolbar.

ContextHub profile information

The popup overlay of a module can include form elements that enable you to change the data in the ContextHub store. If page content is determined by the store data, you can use the form and observe changes to page content.

Fullscreen Mode

Popup overlays can include an icon that you click or tap to expand the popup content to cover the entire browser window or screen.

Fullscreen button

On this page