Change the background color of an embedded or shared IP3 report or dashboard
A neat way to make your report appear seamlessly integrated into your website is to change the background color of the IP3 ASSESS report to match your website. See an example here of the report with a custom background color compared the default.
You do thing by adding &bgcolor=XXXXXX to your embed code or share link, replacing the X’s with the HEX code of your color.
Find your HEX code
Your website’s HEX code is a six-character code like f5e6b9. Your web designer or website administrator should have it, or you can use a browser color picker extension on your site. Enter it without the # symbol.
Embed codes:
- Open your report or dashboard and select Embed at the top.
- Copy the code and paste it into your website editor.
- In the code, find the end of the URL, just before the closing quotation mark. Add
&bgcolor= followed by your HEX code, with no spaces.
Example: <iframe src="https://ip3-assess.org/share/ckustil7c00000im138ey8ie5/clksr1m1s000s0ikj2dzt4rma?areaId=08067&utm_medium=embed& bgcolor=f5e6b9" width="100%" height="790" frameBorder="0" title="Assess Report"></iframe>
Share links:
- Open your report or dashboard and select Share at the top.
- Copy the link.
- Add &bgcolor= followed by your HEX code to the very end of the URL.
Example: https://ip3-assess.org/share/ckustil7c00000im138ey8ie5/clksr1m1s000s0ikj2dzt4rma?areaId=08067&bgcolor=f5e6b9