Versions Compared

Key

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

...

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.