How to embed an image from an external drive in the Sisense widget (a Blox template)

[Liliia_DevX]

This article explains how you can embed images from an external drive (Google Drive) to the Sisense widget. 

Note: The solution is implemented with the help of the Blox plugin and on the L2023.3 Sisense version. 

In order to embed an image into the Blox widget, you need to make sure that the Blox plugin is enabled on your instance. To do so:

1. Open the Admin tab.

2. Navigate to Add-ons page (Server & Hardware). 

3. Toggle the Blox plugin on. Make sure it's triggered the plugins rebuild. 

Once the Blox plugin is enabled, navigate to Analytics tab -> create a new Blox widget and import the template attached by clicking 3 dots menu in the Blox edit mode:

Once it's done, you need to update the following part of the template:

<img src='URL to the image'></img>

In our case, the image is hosted on the Google Drive so that we put the URL to the image on the Google Drive. It's displayed in a widget as on the screenshot below:

The Blox template is attached to this guide. 

Feel free to use this template as an example to create your own widgets using the Blox plugin. 

Note: 

If your Google Drive URL gives a 403 error

https://drive.google.com/uc?export=view&id={img-ID}

change it to

https://lh3.google.com/u/0/d/{img-ID}

Additional Resources:

Sisense Blox Tutorials

Sisense Developer's Experience Embedded BloX Playground 

Disclaimer: Please note, that this blog post contains one possible custom workaround solution for users with similar use cases. We cannot guarantee that the custom code solution described in this post will work in every scenario or with every Sisense software version. As such, we strongly advise users to test solutions in their own environment prior to deploying them to ensure that the solutions proffered function as desired in their environment. For the avoidance of doubt, the content of this blog post is provided to you “as-is” and without warranty of any kind, express, implied or otherwise, including without limitation any warranty of security and or fitness for a particular purpose. The workaround solution described in this post incorporates custom coding which is outside the Sisense product development environment and is therefore not covered by not covered by Sisense warranty and support services.