Page History

Service Portal pages are one of the entities used for structuring to structure the content. It A page consists of containers and rows, which, in turn, consist of columns. Manage page layouts , and you will to reach the best user experience. For more information about portal structure, please refer to the Creating a Self-Service Portal article Page Structure and Portal Integration articles.

Portal pages are divided by into containers implementing that implement the page layout. Containers are divided into rows. Typically, Usually the container contains a single one row, but there you can be more than one rowadd more multiple rows. Rows are divided into columns. Specify the number of columns for a row depending on your needs.

To divide a column in a rows, please refer to the Columns section of the Creating a Self-Service Portal article.

.

Image AddedImage Removed

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

Configuring page layout

You can configure your page layout responsive to various device screen sizes. By default, four main screen sizes are supported:

• Extra small (xs) – devices with screen width less than 768px (phones, for example).
• Small (sm) – devices with screen width 768px and up (tablets, for example).
• Medium (md) – devices with screen width 992px and up (small laptops).
• Large (lg) – devices with screen width 1200px and up (laptops and desktops).

To implement the responsive page layout, please complete the steps below:

1. Create a container (as many as you need) within a page. Within a page, containers are placed in descending order based on the Created at field value and can be sorted by the Order field in the Container record form.
2. Create rows within a container. Rows are container parts available for keeping the content items. They are placed in descending order based on the value of the Order field  in the Row record form.
   Row is a more high-level entity than a column. Row can be divided into maximum 12 columns.
3. Create columns in which you can place your widgets implementing portal logic.
4. To define column width, use multipliers which concept is based on the Bootstrap grid system. You can specify a number defining how much row volume can this column take.

Example

You created row with 2 columns in it. Your desired display conditions are as follow:

Implementation

Specify values in the Large Devices, Medium Devices, Small Devices and Extra-Small Devices fields for the Columns record forms as shown below:

Page Structure article.

Customize a portal header menu

The portal header contains a menu structure consisting of menu categories

Customizing portal header menu

Portal header contains 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)). Portal The portal header implements Tree Structures functionality, so it can be easily reconfigured.

To customize the portal headers (that is, to add or delete items) in the most convenient way, please header, complete the steps below:

1. Navigate to Portal Structure → Portals.
2. Open the record of your portal.
3. Click on the reference record in the Header Navigation Menu and navigate into navigation menu field and open it.
4. Create necessary records in the Portal Node related list. Generally, you will You need to specify only the 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 back and forth within the header, set the relevant Order value. Items are sorted in ascending order.

Portal header menu form fields

In this field, specify a reference to the previously created tree containing node structure of the portal header menu.

Node nesting level. This field is populated automatically.

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

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

The following example shows a simple example of a catalog item creation.

Image Added

Image Added

Add a portal header and footer

Extra attributes tab

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

Image RemovedImage Removed

Adding portal header and footer

Portals allow deep control of their behavior. The header main menu helps to implement this the control over the portal, and it is one of the navigation anchors elements 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, please complete the steps below:

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

A homepage and a default 404 error page

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

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

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

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

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

1. Navigate to Portal Structure → Portals.
2. In the list that appearedappears, find a record for the portal for record to which you need to add a homepage and navigate into open it.
3. Add the preliminary configured page in the 404 Pagepage field.
4. Click Save or Save and Exitexit to apply the changes.