Service Portal pages are one of the entities used to structure the content. A page consists of containers and rows, which, in turn, consist of columns. Manage page layouts to reach the best user experience. For more information about portal structure, refer to the Page Structure and Portal Integration articles.

You should first consider the structure of the portal before configuring it, because an incorrectly configured portal may function incorrect. So it is recommended to carefully work out the portal structure in advance.

Portal pages are divided into containers that implement the page layout. Containers are divided into rows. Usually the container contains one row, but you can add more multiple rows. Rows are divided into columns. Specify the number of columns for a row based on your needs.


You can reuse portal pages provided by the vendor, based on them as templates. This workaround speeds up the page development process because you do not need to create it from scratch.

To create a page from scratch, navigate to Portal Structure → Pages and fill in the form as described in the Page Structure article.

Customize a portal header menu

The portal header contains a menu structure consisting of menu groups and items used for quick access to necessary business functionality (for example, Service Catalog, or My Tasks (list of tasks a user is assigned to)). The portal header implements Tree Structures functionality, so it can be easily reconfigured.

In the cases below, you need to configure the portal structure. You can use the vendor-provided portal pages and other items as a sample. Copy them and build your own portal based on these pages.

To customize the portal header, complete the steps below:

  1. Navigate to Portal Structure → Portals.
  2. Open the record of your portal.
  3. Click the record in the Header Navigation Menu field and open it.
  4. Create necessary records in the Node related list. Generally, you will need to specify only title, order and (optionally) parent item for your new item.
    1. To delete redundant records, select them and click Delete on the related list form.
    2. To move an item within the header, set the relevant Order value. Items are sorted in ascending order.

Portal Header Menu form fields

FieldMandatoryDescription
TitleYSpecify an item title to display in the header.
Active
Select this checkbox to make this item active or inactive. If the checkbox is not selected, the header item is not displayed.
TreeY

Specify a reference to the previously created tree containing node structure of the portal header menu.

You can use a baseline tree provided by the vendor for these purposes. It is called Portal Header Menu and located in the Trees dictionary.


OrderYSpecify an integer number to arrange items in the header.
General tab fields
Access criteriaNSpecify the user criteria defining user access to this node (card or header element). If no criteria selected, all users are allowed to use this element and its sub-elements as long as they are not protected by other criteria.
Node typeNSpecify a node type by choosing from the previously created ones.
Nesting levelY

Node nesting level. This field is populated automatically.

This parameter shows on which nesting level this item is located at.

ParentY

Specify a parent item if you are implementing a structure with some nesting levels, like this:

* Parent item 1

** Child item 1

** Child item 2

** Child item 3

* Parent item 2

** Child item 4

** Child item 5


Extra attributes tab

URLY

Specify a URL for an item. In this field, you can specify either absolute or relative URL (relative to the current portal referring to the tree to which the current node is assigned):

Absolute URL: https://instance.example.com/portal/profile

Relative URL: /profile

On the screenshots below, you can see a simple example of a catalog item creation.


Add a portal header and footer

The header main menu helps to implement the control over the portal, and it is one of the navigation anchors for users. The information in footers may include page numbers, creation dates, copyrights, or references that appear on a single page, or on all pages.

To configure a portal header menu, complete the steps below:

  1. Navigate to Portal Structure → Container.
  2. Create a container for a header or a footer.
  3. Create a row-and-column structure within this container and fill it in with necessary content (widgets, texts, images).
  4. To define the container as a header or a footer, specify it in the Footer Container or Header Container field of the related portal record.

A homepage or a default 404 error page

A page can be opened by default, as a homepage, when a portal is referenced by its URL accompanied by the portal suffix (for example, https://instance.example.com/portal). This page, generally, contains major information for a wide range of users.

The 404 error page should be opened when some broken link has been opened during the navigation.

You need to create a page first before completing these steps. Also, you can reuse the pages delivered by the vendor.

To set a page as a home page for a portal, complete the steps below:

  1. Navigate to Portal Structure → Pages.
  2. In the appeared list, find the record for the page you need to configure and navigate to it.
  3. Select the Use For Home Page checkbox.
  4. Click Save or Save and Exit to apply the changes.
  5. Navigate to Portal Structure → Portals.
  6. In the appeared list, find a portal record to which you need to add a homepage and navigate to it.
  7. Add the preliminary configured page in the Home Page field.
  8. Click Save or Save and Exit to apply the changes.

To set a page as a default 404 error page, complete the steps below:

  1. Navigate to Portal Structure → Portals.
  2. In the appeared list, find the portal record to which you need to add a homepage and navigate to it.
  3. Add the preliminary configured page in the 404 Page field.
  4. Click Save or Save and Exit to apply the changes.