Image Widget
With this widget you may embed an image into the dashboard.
The image must be referenced as a URL. The product does not store these images for you.
By default, the Tomcat server is configured to reject any image not hosted on the application server. As a result, the link, html and image widgets do not allow referencing external images.
A simple change to the default tomcat configuration (in the $MM_HOME/tomcat/conf/web.xml) can fix that. Change:
<filter>
<filter-name>SecurityHeadersFilter</filter-name>
<filter-class>MITI.tomcat.filter.SecurityHeaders</filter-class>
<init-param>
<param-name>Content-Security-Policy</param-name>
<param-value>default-src 'self'; child-src 'self'; img-src 'self' data:; script-src 'self' 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline';</param-value>
</init-param>
<init-param>
<param-name>X-Content-Type-Options</param-name>
<param-value>nosniff</param-value>
</init-param>
<init-param>
<param-name>X-XSS-Protection</param-name>
<param-value>1; mode=block</param-value>
</init-param>
</filter>
To:
<filter>
<filter-name>SecurityHeadersFilter</filter-name>
<filter-class>MITI.tomcat.filter.SecurityHeaders</filter-class>
<init-param>
<param-name>Content-Security-Policy</param-name>
<param-value>default-src 'self'; child-src 'self'; img-src * 'self' data:; script-src 'self' 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline';</param-value>
</init-param>
<init-param>
<param-name>X-Content-Type-Options</param-name>
<param-value>nosniff</param-value>
</init-param>
<init-param>
<param-name>X-XSS-Protection</param-name>
<param-value>1; mode=block</param-value>
</init-param>
</filter>
Drag the Image widget into the bottom of the container with the HTML Text and click CONFIGURE.
Paste an IMAGE URL.
Click OK.