How to add a Background image to the dashboard

ozarkram

Hi All ,

Can you please let me know how to add an image to a dashboard that will display as a background image..

Thanks,

Arun

GrantSmith

If you're wanting to add an image as a background to the page you can do that but editing the page, selecting the options menu in the upper right, select change background, change Color fill to Image fill and then select the image you wish to use as your page background.

MarkSnodgrass

To set the background image for a Page,

1. On the Page you want to change the background color of, select Edit Dashboard in the 

 menu in the top right corner of the Page.

1. In the Options menu at the top of the screen, select Change background.
2. (Conditional) If Color Fill is selected in the menu at the top of the dialog, choose Image Fill.
3. Click Choose Image.
4. Locate and select your image on your machine.
5. (Optional) To change the default background color (which is only used before the image has loaded on the Page), click Change then choose the new color from the palette (or enter a hexadecimal code in the field at the bottom of the palette).
6. (Optional) To change the default text color used on the Page, select the new color in the menu under "Default text color." 
7. Currently only black and white are available as text colors.

If you want to change your background image, click Choose New Image at the bottom of the dialog then locate and select the new image on your machine.

https://domohelp.domo.com/hc/en-us/articles/360043428433-Creating-Domo-Stories#8.

GrantSmith

If you're wanting to add an image as a background to the page you can do that but editing the page, selecting the options menu in the upper right, select change background, change Color fill to Image fill and then select the image you wish to use as your page background.

MarkSnodgrass

To set the background image for a Page,

1. On the Page you want to change the background color of, select Edit Dashboard in the 

 menu in the top right corner of the Page.

1. In the Options menu at the top of the screen, select Change background.
2. (Conditional) If Color Fill is selected in the menu at the top of the dialog, choose Image Fill.
3. Click Choose Image.
4. Locate and select your image on your machine.
5. (Optional) To change the default background color (which is only used before the image has loaded on the Page), click Change then choose the new color from the palette (or enter a hexadecimal code in the field at the bottom of the palette).
6. (Optional) To change the default text color used on the Page, select the new color in the menu under "Default text color." 
7. Currently only black and white are available as text colors.

If you want to change your background image, click Choose New Image at the bottom of the dialog then locate and select the new image on your machine.

https://domohelp.domo.com/hc/en-us/articles/360043428433-Creating-Domo-Stories#8.

ozarkram

Thank you so much @GrantSmith and @MarkSnodgrass

GrantSmith

@ozarkram If you could accept those answers to your question so it's easier for others in the future to find I'd appreciate it. Thanks!

ozarkram

@GrantSmith :Yes I have accepted the answer!

Silambarasan_3008

If we want to give gradients or layouts like the below image, how can achieve that?

If I add this image as background, I can see the lite red color only.

RobSomers

The image can only be a certain size, and Domo will automatically crop the image to fit. It doesn't appear that there's an option for gradients, so that may be something to post on the idea exchange.

Silambarasan_3008

So, How can make our dashboard more attractive? How to add borders and shadows to each visual?

Could you share the dashboard that you've designed? Maybe it gives us some ideas.

MarkSnodgrass

@Silambarasan_3008 if you haven't watched this walkthrough on building a dashboard, this is helpful. It's probably the nicest dashboard I have seen.

https://www.domo.com/help-center/videos/watch/yXFS2uvD5Es/cat/PLc_JazWEwlVqiRoWcbD5My1Bw0_IpMX8z

ilozano

What is the proper sizing for this without distorting the image?