Logo Image Not Getting Loaded Properly In Orchestrator Banner

What steps to perform when logo image does not get loaded properly in Orchestrator banner ?

The error is due to the CSP policy in effect. Images will not be permitted to be added from other domains than that in which Orchestrator is hosted.

  1. As an alternative encode the image in base64 and inline it
  2. Download the image and convert it to base64 using the steps mentioned at Image to Base64 Convertor
  3. Then pass the same base64 code in the src attribute along with
data:image/png;base64 keyword
  1. The tag would look something like this

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA

AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO

9TXL0Y4OHwAAAABJRU5ErkJggg=="/>

  1. Just replace the red part and pass the correct base64 key that is generated.