To display an image on your dashboard, you can upload the image directly or use an image that's hosted in cloud storage.
Things to keep in mind:
The file size limit is 5MB
Accepted image formats include JPG, PNG, SVG, WebP and GIF
Images are displayed as full bleed, i.e., they have no margins and run edge-to-edge
The image widget doesn't have a background color, which means transparent images such as logos can be placed directly on the dashboard background
Images will scale when the widget is resized
Images hosted in cloud storage will automatically refresh every hour
Upload an image directly
On your dashboard, click + Add widget.
Search for the Image widget and select it.
On the File tab, drag and drop your file in, or select a file for upload.
When ready, click Save.
This option is not available for legacy layout dashboards. If you don't see the upload as an option on your dashboard, you'll need to host your image in cloud storage with the steps below.
Use images hosted in cloud storage
To display an image that lives in cloud storage, upload it to the cloud and copy its URL into the widget config. Postimages, Imgur, and Dropbox are great options for hosting your image files. See below for specific steps for these platforms.
Images hosted in Google Drive, OneDrive, or SharePoint are not supported due to limitations with these platforms.
Postimages
To upload your image, go to Postimages.
Select Choose images and select your image file.
Copy the Direct link for your uploaded image.
Return to Geckoboard and add a new Image widget.
In the URL field, paste the link you copied, then click Save.
Imgur
To upload your image, go to Imgur.
Select New post and add your image file.
To get a direct link to the image, right-click on your uploaded image in Imgur and select Copy Image Address.
Return to Geckoboard and add a new Image widget.
In the URL field, paste the link you copied, then click Save.
To make your uploaded image private, set the privacy options to Hidden. This means only people with access to the URL can access it, as in it will only be accessible to and from your image widget.
Dropbox
If you don't already own a paid Dropbox account, their free Basic account is more than sufficient.
Upload your image to Dropbox.
Click on Upload or drop, and select your image file.
Select Copy link.
Return to Geckoboard and add a new Image widget.
In the URL field, paste the link you copied, then click Save.
A known issue with WebKit may prevent your Dropbox images from loading as expected if you use Safari or other unofficial browsers to view Geckoboard. To resolve this, you can modify the URL for your Dropbox file.
The original URL will appear as: https://www.dropbox.com/s/wjd4z7wc6vh3i5z/geckoboard.png?dl=0
.
Reformat the www
to dl
and the end parameter dl=0
to dl=1
.
The new URL should appear like this: https://dl.dropbox.com/s/wjd4z7wc6vh3i5z/geckoboard.png?dl=1
.