Manage logos and colors

Starting from 2023.3.0, Starter kit provides a user interface for managing logos and colors. It is now possible to change the logos/pictures and the colors used on portal.

Configuration capabilities

The interface allow you to configure

• Logos :

  • Portal (Header)

  • Portal (login Page).

  • Backoffice (Header)

  • Portal (homepage) and Backoffice (login page)

• Favicon

• Colors.

  • Main color

  • Secondary color

Please note that these colors and logo are now automatically displayed in the email template sent by the platform. The logo displayed in the emails is the one from the portal's login page.

Colors

Under the “Appearance” and “Logos & Colors” menu two inputs allow for changing colors.

Simply enter the hexadecimal color codes for the main and secondary colors, and save the changes. The colors will automatically apply to the portal and the notification emails sent by the platform. It may be necessary to clear the browser cache to see the changes.

Activate the color switch for Starter kit projects older than 2023.3

To enable the color switch feature we have to :

• Add a new parameter inside the used wediaportalrc configuration and set it to true => "useServerStyles": true,

  "environments": {
    "starter-kit": {
      "": {
        "useServerStyles": true,
        "useServerConfigResolution": true,
        "deploy_server": "https://starter-kit.wedia-group.com",
        "vue_app_config_path": "portal",
        "appConfigs": {
          "portal": "starter-kit",
          "wediaConfig": "__wedia_config",
          "portal@picker": "starter-kit@$starter-kit-picker",
          "portal@picker@office": "starter-kit@$starter-kit-picker@office",
          "portal@picker@office@outlook": "starter-kit@$starter-kit-picker@office@outlook",
          "_postProcessors": [
            [
              "",
              "starter-kit-mobile"
            ]
          ]
        }
      },
      "development": {
        "vue_app_api_path": "https://starter-kit.wedia-group.com"
      }
    }
  }

• set jspMode to true

The colors switch is allowed by endpoints added with PACKAGED_Appearance_Config. Therefore to use this new feature the plugin must be activated

Logos

Under the new “Appearance” > “ Logos and colors” menu, four inputs allow for changing the logos.

There are some rules to be followed for the uploaded files. They are always specified for each logo by the 'Authorized formats' information on the view.

After filling in the 4 logos, save to apply the changes, which will then be directly visible on the portal and in the backoffice.

Advanced configuration for notification emails

If you need to customize notification emails (beyond the logo and colors) or create new notification templates for your project, please refer to the following documentation : Email templates & customization