Skip to main content
Add images using the Image widget

Display an uploaded image, with instructions on how to host your images with hosting providers such as Imgur or Dropbox.

Updated over a month ago

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

  1. On your dashboard, click + Add widget.

  2. Search for the Image widget and select it.

  3. On the File tab, drag and drop your file in, or select a file for upload.

  4. 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

  1. To upload your image, go to Postimages.

  2. Select Choose images and select your image file.

  3. Copy the Direct link for your uploaded image.

  4. Return to Geckoboard and add a new Image widget.

  5. In the URL field, paste the link you copied, then click Save.

Imgur

  1. To upload your image, go to Imgur.

  2. Select New post and add your image file.

  3. To get a direct link to the image, right-click on your uploaded image in Imgur and select Copy Image Address.

  4. Return to Geckoboard and add a new Image widget.

  5. 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.

  1. Upload your image to Dropbox.

  2. Click on Upload or drop, and select your image file.

  3. Select Copy link.

  4. Return to Geckoboard and add a new Image widget.

  5. 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.

Did this answer your question?