Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

In the DualShield platform, all web consoles and portals, including the Admin Console and Self-Service Portals, use the SSO server for user authentication. The SSO user interface can be customised with your own branding images and text.

The UI customisation is done on the application level. Every application can have its own look and feel. 

The first step in UI customisation is to set the application's name and logo.

Image Added

You can also provide a description and message for the application, if you wish.

User Interface

To customise the rest of the UI, navigate to "Customisation | User Interface"

...

Click the "Create" button to create a new customisation:

Image RemovedImage Added


FieldDescriptionExample
NameEnter a descriptive nameOutlook Web Interface
Customisation Type

SSO Server
Agentsselect the agents on which the applications are publishedSingle Sign-On Server
Applicationsselect the applications to be customised Outlook Web Interface


Image RemovedImage Added


Now, you can customize any element in the body content.

For instance, to change the HTML Title, click "HTML Title"

Image Removed

First, untick "Keep this field empty". Then, enter your HTML Title, e.g. Outlook Web Access

Image Removed

Image Removed

Image Removed

...

See the example below:

Image Added

Image Added

Image Added

Image Added

Image Added

Header Right


Content Header Top



Content Header Bottom




Image Added




Image Added

Image Added

Image Added

Image Added



Code Block
languagecss
titleCSS
.page-header {
background-color: lightgray !important;
}

.page-header-image {
width: 200px;
max-height: 200px;
}

.page-header-middle {
font-weight: bold;
color: red;
}

.content-footer {
margin-bottom:20px;
font-weight: bold;
color: red;
}

.page-footer {
background-color: lightgray;
font-size: 12px;
}



User Experience

After CustomisationBefore Customisation

Image RemovedImage Added