You can configure to display your business logo in the top-left corner of the application header that reflects your organizational branding.
Notes:
The supported file formats are JPG, JPEG, PNG, or SVG.
Syndigo recommends the following tools to convert an image to Base64 string.
Code Beautify – https://codebeautify.org/image-to-base64-converter
Online Tools – https://onlinetools.com/image/convert-image-to-base64
Browserling – https://www.browserling.com/tools/image-to-base64
Sample JSON configuration
Sample JSON to configure the logo at the tenant level.
{
"metaInfo": {
"dataIndex": "config",
"collectionName": "configObjects",
"responseObjectName": "response"
},
"configObjects": [
{
"id": "rock-tenant-logo-v2_commerceUXConfig",
"name": "rock-tenant-logo-v2",
"type": "commerceUXConfig",
"data": {
"contexts": [
{
"context": {
"component": "rock-tenant-logo-v2"
},
"jsonData": {
"config": {
"externalLogoURL": "",
"logoData": {
"base64": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ij+CjwvZGVmcz4KPC9zdmc+Cg=="
}
}
}
}
]
}
}
]
}To configure the tenant logo:
Download the attached JSON file.
Open the rock-tenant-logo-v2_commerceUXConfig.json file and specify the following:
Parameters | Details | |
|---|---|---|
context | component | Specify the name of the component to be configured. |
config > gridConfig | Specify the following. | |
externalLogoURL | Specify this value if the logo is hosted on any external source. | |
logoData > base64 | Specify the Base64 string of the original image if the logo is not hosted on any external source. Note: If both values are specified, then the value specified in the externalLogoURL parameter takes precedence over the logoData > base64. In the application header, you can view the logo based on the configured URL.arameter. | |
Upload the JSON configuration file in the Classic UI. For more information, see How to upload UI Configurations.
In the application header, you can view the logo based on the configured URL.
