[149] Background Tip

#1

Background Tip

If you’re designing a dashboard using a dark background, you might have noticed that while it’s possible to change the background of the dashboard itself, it’s still always hosted on a white surface area. There are currently no properties in Dundas BI to allow you to change the color of the surface area, but it is possible to change with a simple script.

With a dark background, you might want to have a background color the same or matching your dashboard background for consistency rather than a contrasting white color.

BEFORE

[

logo
Background_Tip_Without_Background.jpg2435×1358 900 KB

AFTER
[

logo
Background_Tip_With_Background.jpg2434×1356 890 KB

Just add a CSS override like this to your Ready event and reload the page.
$( “#dashboardSurface” ).css( “background-color”, “#0C1E3D” );

Note: You must reload the page as code in the Ready event will not be executed by simply switching to View mode

4 Likes
#2

Great tip, this is just what I was looking for. Thanks!

1 Like
#3

I’m new to Dundas so I apologize if this is a simple question, Is there a way to perform this override on version 6?

#5

@gabriel.molina Hi, yes the css override works in v6, just put it in ready event of the dashboard. One note, make sure you type in the double quotes properly, copy/paste sometimes might alternate the quote character which can give script build error.

#6

@jay.gong Awesome, thank you.