Return
-
Title
How to change the company logo in the new Angular API Portal -
Description
The Administration Portal enables the configuration of HTML Applications.
To change the logo/image, open the API WebShop, log in, and open the Administration Portal:
1. Go to the Configurations tab.
2. Navigate through 'API Server Configuration' section.
3. Add the URL where your image/logo is hosted:
4. Apply changes and reload.
The result is something similar to the following, i.e. a broken image where the logo should be:
-
Cause
When the logo is not being loaded, and it's displaying the 'broken image' icon, 'Content Security Policy' parameters should be checked.
This is also located in the Administration Portal, just a few options below the Company Logo:
-
Resolution
To allow/deny the API Portal to load images from other domains, add values on the CSP section on the Administration Portal.
Please note: One Identity cannot assume responsibility for the security implications of the options/values added in this menu. Content Security Policy (CSP) is an added layer of security that helps to detect and mitigate certain types of attacks, including Cross-Site Scripting (XSS) and data injection attacks. Please get in touch with your Security expert if concerns arise.
As an example, the hosted URL is: https://www.itsecurityguru.org/wp-content/uploads/2019/10/Logo_2020-OneIdentity_FullColor_Horizontal.png
The CSP value/parameter would look like:
img-src *.domain_where_the_image_is_hosted.com; object-src 'none'; img-src 'self' data:; font-src 'self';
Take into account, that the above 'domain' needs to be the one hosting your company image/logo.
For the above URL example, the CSP entry would look like:
img-src *.itsecurityguru.org;
-
Additional Information
For more information on the Administration Portal: Customize logo.