Use pages to organize content, ensure responsive mobile optimization, and design meaningful portal user experiences for your customers. A page houses containers and rows, which then contain widgets. By manipulating the layout of the page, and the widgets within it, you can construct your desired user experience.

  • Pages are referenced using the page ID.
  • Pages can be referenced in more than one portal.
  • Use base system pages as templates.

Page layout

Page highlighting the different layouts on the page including page, container, row, column, and widget

Containers

Containers are markup artifacts that are put on a page to contain the layouts that house the widgets.

You can view containers and how they make up a page in the Service Portal Designer (Service Portal > Service Portal Configuration > Designer). Open a page in the Service Portal Designer, then click anything on the page. In the top left corner, breadcrumbs appear to show you which element on the page you have selected. Use the breadcrumbs to select a container, then click the edit icon (Edit icon from the top of the Service Portal Designer).
Figure 1. Service Portal Designer breadcrumbs
Cool clocks widgets with a widget selected and the breadcrumbs at the top of the page highlighted
You can also edit a container by navigating to the Page Editor and selecting the container node in the tree view. In this view, you can:
  • Change the layout of widgets on a page.
  • Determine the number of columns on a page.
  • Determine whether to scale with changes to the browser window.
  • Add a background color to a portion of a page.
  • Add an background image to a portion of a page.
  • View the current layout of the widgets within the page.