How to Display Images in Sisense Blox Dashboard

Summary: Liliia Kislitsyna provides guidance on displaying images in the Sisense Blox dashboard, focusing on common issues with image paths and offering solutions for both external and internal sources. They include instructions for embedding images using direct URLs and storing images on the Sisense server, along with troubleshooting tips for common display problems. DRay adds a resource link for further Blox tutorials.

Summary

This article guides how to display images in the Sisense Blox dashboard. It addresses common issues related to image paths and offers solutions for using both external and internal image sources.

Step-by-Step Instructions to Display Images

Using External Image Sources:
- Ensure the image URL is a direct link to the image file, not a webpage displaying the image.
- Embed the direct URL in the Blox widget using the following format:
```
{
  "type": "Image",
  "id": "",
  "class": "",
  "url": "DIRECT_IMAGE_URL",
  "altText": "image description",
  "size": "auto"
}
```
- Refer to this guide for embedding images from an external drive in Sisense.
Using Sisense Server for Image Storage:
- For Sisense Cloud Managed Service, upload images to a custom folder within the branding or plugins directory. For more information, please, refer to this article.
- Use the following template to reference the image in Blox:
```
{
  "type": "Image",
  "id": "",
  "class": "",
  "url": "/branding/custom_folder/image.png",
  "altText": "image description",
  "size": "auto"
}
```

Troubleshooting Tips

Incorrect Image Path:
- Double-check the image path for typos or incorrect directory references.
- Ensure the image is uploaded to the correct directory if using the Sisense server.
Image Not Displaying:
- Verify that the image URL is accessible and not restricted by permissions.
- Test the image URL in a browser to confirm it loads correctly.

Liliia Kislitsyna

Posted 1 year ago·Last reply 1 year ago

1 comment

DRay

·1 year ago · Edited

Want to learn more about how to use Blox? You're in luck! We have Blox tutorials here, https://academy.sisense.com/blox-lite-version