cancel
Showing results for 
Search instead for 
Did you mean: 
Liliia_DevX
Sisense Team Member
Sisense Team Member

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. Please refer to the official documentation - Adding Images.
    • 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.
Rate this article:
Comments
DRay
Community Team Member
Community Team Member

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

Version history
Last update:
‎09-17-2024 09:25 AM
Updated by: