# Canvas Dashboard - Background image (pagetheme)

**URL:** <https://community.holistics.io/t/canvas-dashboard-background-image-pagetheme/2133>\
**Category:** Ask the Community\
**Tags:** visualizations, canvas-dashboard, dashboard\
**Created:** [October 7, 2024, 5:10pm UTC](https://community.holistics.io/t/canvas-dashboard-background-image-pagetheme/2133 "2024-10-07T17:10:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Grant\_Orchard](https://community.holistics.io/user_avatar/community.holistics.io/grant_orchard/32/1246_2.png) [@Grant\_Orchard](https://community.holistics.io/u/Grant_Orchard)\
**Post date:** [October 7, 2024, 5:10pm UTC](https://community.holistics.io/t/canvas-dashboard-background-image-pagetheme/2133/1 "2024-10-07T17:10:50Z")

</div>

hey all - I’m exploring the canvas dashboard setup and usage (its been an experience). I am REALLY struggling to upload a simple image. I have a .png file uploaded into Google Drive, copied the share link (share link is open to everyone as per CSS and Holistics notes) :

 ![Screenshot 2024-10-07 at 18.04.36](https://community.holistics.io/uploads/default/original/2X/f/f02edf2dd4a042500b96b09093defe7f8fc66c6a.png)

I have tried every combination of bg\_image: “https//ABC\_ETCXXXXXXXXXXXXX”. Including url, \< scr \>, etc but not luck.

Anybody else struggling or have a workaround that might work?

 ![Screenshot 2024-10-07 at 18.09.14](https://community.holistics.io/uploads/default/original/2X/0/03645169200f149b557eaab14ad434b75c2c2e3c.png)

---

<div class="post-metadata">

**Author:** ![datbth](https://community.holistics.io/user_avatar/community.holistics.io/datbth/32/1414_2.png) [@datbth](https://community.holistics.io/u/datbth)\
**Post date:** [October 8, 2024, 2:25am UTC](https://community.holistics.io/t/canvas-dashboard-background-image-pagetheme/2133/2 "2024-10-08T02:25:34Z")

</div>

Hi Grant,

Thank you for the post.

I believe this issue is more about Google Drive images in general, rather than an issue of Canvas Dashboard specifically.

The Google Drive link that you obtained (when sharing a Google Drive image) is a link that opens the Google Drive **web page**. It is **not** the link for the **image data** alone.

As far as I know, Google Drive (or even Google Photos) is a _storage_ service rather than a _hosting_ service.

⚠ I found that there are several **unofficial** ways to obtain the exact link for the image data alone from Google Drive. **Google Drive does not provide official support, so these methods may break any time or even have security risks.** If you really need to, please try these **at your own risk** :

- [https://chromewebstore.google.com/detail/photos-direct-link/dgnaaplaoheafdckphgmpiaodckbcafg](https://chromewebstore.google.com/detail/photos-direct-link/dgnaaplaoheafdckphgmpiaodckbcafg)
- [html - How do I display images from Google Drive on a website? - Stack Overflow](https://stackoverflow.com/questions/15557392/how-do-i-display-images-from-google-drive-on-a-website).

✅ To ensure the reliability and security of your dashboard/data, we would recommend:

- Talking to Google Support to find the proper way to obtain the image data URL, if such way exist.
- Using other **image hosting** services.
- Or storing and hosting the images yourself.

---

<div class="post-metadata">

**Author:** ![Grant\_Orchard](https://community.holistics.io/user_avatar/community.holistics.io/grant_orchard/32/1246_2.png) [@Grant\_Orchard](https://community.holistics.io/u/Grant_Orchard)\
**Post date:** [October 8, 2024, 3:52pm UTC](https://community.holistics.io/t/canvas-dashboard-background-image-pagetheme/2133/3 "2024-10-08T15:52:45Z")

</div>

thanks for feedback - ive changed our process and have a workaround in place now.