Page Comparison

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.

A new menu called “Appearance” has been added to wedia-config, it leads us to the “Logos & Colors” view.
On this view we can change :

...

Configuration capabilities

The interface allow you to configure

• Logos :

  LOGO : Portal (Homepage) and backoffice

  • Portal (Header)

• LOGO : Backoffice (Header)

• LOGO: Portal (Login page)

  • Will be used as header in the emails

• • 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 new “Appearance” menu we will now find inputs allowing us to change 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 :

...

  "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

Then after editing colors from wedia-config under “Appearance” / “Logos & Colors” menu, the new chosen colors will be applied to portal and the main color will also be used in the emails generated by the app.

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

...

Under the new “Appearance” menu we will now find inputs allowing us to change logos.

...

> “ 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.

...

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 saving the modifications, the view will be reloaded to apply the new logos and pictures on the actual screen as well.

Emails templates & customization

...

Emails templates & customization

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

...