Service Portal pages 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. Figure 1. Page layout 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 (). Figure 2. Service Portal Designer breadcrumbs You can also edit a container by navigating to the Page Editor and selecting the container node in the tree view. Figure 3. Container record 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. Create and edit a page using the Service Portal DesignerCreate or edit a page and use layouts to organize the columns that house the widgets.Configure a page in Page EditorPage Editor provides an easy-to-read tree view of every element as it resides on the page.Assign a homepage to a portalEdit your portal record to specify any page as your homepage.Assign a default error pageCreate a default 404 error page for your portal using a system property.Define page-specific CSSThemes control the overall look and feel of a portal, but you can modify a page using the page-specific CSS option to be more specific. CSS applied to a page affects the page and all the elements falling within or below the page, such as containers, rows, or widgets.Include font icons on a pageInclude font icons on a page so that all the widgets on the page have access to the font-icon set.