Add images using the image widget

Display an uploaded image, with instructions on how to host images in Dropbox and Google Drive.

Updated over a week ago

To display an image on a dashboard widget, upload it to the cloud and copy its URL into the widget config. Imgur, Dropbox and Postimages are good options for hosting your image files. Images hosted in Google Drive and OneDrive are not supported.

Important considerations:

  • Accepted image formats include JPG, PNG, SVG, WebP and GIF.

  • Images displayed using the image widget are full bleed, which means the image has no padding and runs 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.

Add images uploaded to Imgur

  1. In Imgur, copy the Direct link for your uploaded image.

  2. Add a new Image widget in Geckoboard.

  3. Paste the copied URL to the URL field, 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, i.e. it will only be accessible to/from your image widget.

Add images uploaded to Dropbox

If you don't already own a paid Dropbox account, their free Basic account is more than sufficient.

  1. In Dropbox, click Share on the image file.

  2. Click Create a link, then Copy link.

  3. Add a new Image widget in Geckoboard.

  4. Paste the copied URL to the URL field, then click Save.

Important note: A known issue with WebKit may prevent your 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.

Add images uploaded to Postimages

  1. In Postimages, copy the Direct link for your uploaded image.

  2. Add a new Image widget in Geckoboard.

  3. Paste the copied URL to the URL field, then click Save.

Did this answer your question?