Homepage
Note:
Changing any settings will immediately apply those changes to the ESS2!
Landing page image
This section defines the appearance of the landing page.
Use color
Choose the solid background color for the landing page. Write a color code to the text field or click on the down arrow button next to the color to open the color changer screen.
Use image
The background image used for the landing page. A high-quality JPG image works best. 1920x360, or 1728x324, or 1280x240.
To upload a new image, drag and drop an image file or click "Browse" button to open the file explorer. Supported formats: gif, jfif, pjpeg, jpeg, pjp, jpg, png, svgz, svg. 50MB file size limit.
Greeting font color
Write a color code to the text field or click on the down arrow button next to the color to open the color changer screen.
Image Opacity
Choose image opacity by typing in a value in the range of 0-100.
Greeting Text
The greeting text that is visible above the search bar can be customized with these settings.
Use the Enable greeting option to enable or disable the greeting text in configuration.
-
If greeting text field is empty, the Self Service UI will display the default from the static file.
- The default text in English is "Hi", which is static text and has translations.
- To override the default greeting, write the text to the Custom greeting text field.
- Note that altered greeting text does not use translations.
- User name/identifier (as received from the identity provider e.g. EPE/ESA), is always appended to the greeting text.
- Choose the color for the greeting text from the Greeting text color field.
Links components
Administrators can define up to 15 links on homepage, each of the link can:
- Link to Form
- Link to URL
- Link to Product Catalog
- Open a Panel (note Panel needs to exists)
Enable Component
Enable component button is used to turn the Quick Links on and off.
Name field is used to define the name of the Quick Links. Default name is "Quick Links", but other name can be defined in this field (up to 16 characters).
Add link
Click on the Add link button to open the wizard for adding new links to the Quick Links field.
Clicking the button opens the Add link wizard:
Clicking on the "Action" field opens a dropdown menu containing all possible link actions:
"Link to Product Catalog" has the following fields:
| Field name | Required | Example Value | Explanation |
| Product Catalog | Yes | ess2_catalog_item | Selected product catalog data card. |
| Name | Yes | Available Products | Name of the link. |
| Description | No | List of products available for ordering | Short description (60 characters or less) of what is behind the link. |
"Link to URL" has the following fields:
| Field name |
Required |
Example Value |
Explanation |
| URL | Yes | www.efecte.com | The URL the link points to. |
| Open in new browser tab | - | [Selected] | If selected, link opens the URL-address in a new browser tab. If not selected, the link is opened in the current tab. |
| Name | Yes | Efecte Home Page | Name displayed for the link. |
| Description | No | This link opens the home page of Efecte | Short description (60 characters or less) of what is behind the link. |
"Link to form" has the following fields:
|
Field name |
Required |
Example Value |
Explanation |
| Select a form | Yes | VPN Issues |
Clicking this open a dropdown menu of all the available forms. Selected one will be linked here. |
| Name | Yes | Report VPN Issues | Name displayed for the link. |
| Description | No | If you're experiencing VPN issues, click here! |
Short description (60 characters or less) of what is behind the link. |
"Open Panel" has the following fields:
|
Field name |
Required |
Example Value |
Explanation |
| Select a Panel | Yes | IT Backend Services | Clicking this open a dropdown menu of all the available panels. Selected one will be linked here. |
| Name | Yes | IT Backend Services |
Name displayed for the link. |
Each action displays the icon used for the link as the last field.
Move or Select link
The link order can be changed moving them in the list. This is done by drag and dropping the links in the list.
One or more links can be selected by clicking their selection boxes next to the icon.
Manage (Edit & Delete)
Click on the Edit-icon under the Manage-field to manage that link's properties.
To delete the link, click on the delete button under the manage field, or select one or more links and then click on the Delete-button next to the Add Link -button.
Table of Contents