Introduction
The CoreOne Self-Service Portal Look and Feel can easily be adjusted to your needs. This article describes what is possible and how this can be don.
Layout Files : Logo & Footer
You can override the logo area in the navigation and the footer on the button of the page by adding content to the following files:
Code Block |
---|
C:\ProgramData\itsense\Templates\SelfService\Features\Shared\Layout\_Logo.cshtml C:\ProgramData\itsense\Templates\SelfService\Features\Shared\Layout\_Footer.cshtml |
Color theme
You can override specific colors within the CoreOne Self-Service Portal by overriding following file:
...
The UI currently only supports a light
theme, but there will be support for a dark
theme in coming versions.
Custom styling
Most of the styling you can override using the color theme. Should you require any additional changes you can add the following css file to add any other stylings:
Code Block |
---|
C:\ProgramData\itsense\Templates\SelfService\css\custom.css |
Progressive Web Application
The user has the option to add the portal as a PWA (Progressive Web Application) to it’s home screen. If you would like to define a custom name, custom start path or other settings for that PWA, you can adjust the manifest file:
Code Block |
---|
C:\ProgramData\ITSENSE\Templates\SelfService\manifest.json |
Below is a sample configuration that you can use as a template.
Code Block |
---|
{
"name": "Name",
"short_name": "Short name",
"description": "Description",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512"
}
],
"display": "standalone",
"start_url": "/"
} |