...
Code Block |
---|
{ "navigation": { "background-color": "#11a6ba#38fcff", "item": { "color": null, "background-color": null, "active": { "color": null, "background-color": null, "hover": { "color": null, "background-color": null } }, "hover": { "color": null, "background-color": null } }, "group": { "header": { "color": null, "background-color": null }, "color": null, "background-color": null } }, "app": { "text-color": null, "text-color-secondary": null, "primary-color": "#11a6ba#38fcff", "primary-color-text": null, "tag-severity-default": "#ff38ee", "tag-severity-info": null, "tag-severity-warning": null, "tag-severity-danger": null, "tag-severity-success": null, "surface-a": null, "surface-b": null, "surface-c": null, "surface-d": null, "surface-e": null, "surface-f": null, "font-family": null, "surface-0": null, "surface-50": null, "surface-100": null, "surface-200": null, "surface-300": null, "surface-400": null, "surface-500": null, "surface-600": null, "surface-700": null, "surface-800": null, "surface-900": null, "gray-50": null, "gray-100": null, "gray-200": null, "gray-300": null, "gray-400": null, "gray-500": null, "gray-600": null, "gray-700": null, "gray-800": null, "gray-900": null, "content-padding": null, "inline-spacing": null, "border-radius": null, "surface-ground": null, "surface-section": null, "surface-card": null, "surface-overlay": null, "surface-border": null, "surface-hover": null, "focus-ring": null, "maskbg": null, "highlight-bg": null, "highlight-text-color": null } } |
...
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 stylingsstyling:
Code Block |
---|
C:\ProgramData\itsense\Templates\AdminUI2\theme.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\AdminUI2\manifest.json |
Below is a sample configuration that you can use as a template.
Code Block |
---|
{
"name": "CoreOne Suite Administration",
"short_name": "CoreOne Suite",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#213A5C",
"icons": [
{
"src": "icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
}
]
} |
Translation
If you want to change any of the texts, you can do so by changing the appropriate translation files located in the following directory:
...
Code Block |
---|
"Global.Application.Button.Login": "Your new login button text" |
There is also a step by step how-to article.
Fav-Icon
If you want to customise the fav icon, you can do so by editing the manifest.json file and adding the fav icon to the following directory:
Code Block |
---|
C:\ProgramData\ITSENSE\Templates\AdminUI2\ |
The fav icon must be named “favion.ico”. It must also be of type "ico".
In the manifest.json file, add the following section:
Code Block |
---|
"icons": [
{
"src": "favion.ico",
"sizes": "192x192",
"type": "image/ico"
}
] |
After any changes have been made, restart the Web Service App-Pool and the changes will take effect.