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 week ago

To display an image on a dashboard widget, 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.

Images hosted in Google Drive, OneDrive, or SharePoint 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.

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. In Geckoboard, add a new Image widget.

  5. Paste the copied URL to the URL field, 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. In Geckoboard, add a new Image widget.

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

Dropbox

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

  1. To upload your image, go to Dropbox.

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

  3. Select Copy link.

  4. In Geckoboard, add a new Image widget.

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

Important note: 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?