How to Display Images in Sisense Blox Dashboard

How to Display Images in Sisense Blox Dashboard

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

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

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