CONTENT
1.1 Display an image stored in the Azure Storage
Displaying images stored in Azure Storage directly in Board is possible by dynamically constructing the URL according to the File Storage public access schema. The integration leverages the algorithm blocks to concatenate the relevant URL components
Each image is accessed through this URL structure:
https://$STORAGE_ACCOUNT.file.core.windows.net/$SHARE_NAME/$DIRECTORY_PATH/$FILE?$SAS_TOKEN
Note that only HTTP or HTTPS protocols are supported for image rendering in Board.
1.2 How to Build It in Board
Define URL Components in Separate Text Algorithms
Create five text algorithms in your layout to represent each part of the Azure URL:
Variable | Description | Example |
|---|
$STORAGE_ACCOUNT | Base account endpoint | "https://myaccount.file.core.windows.net/" |
$SHARE_NAME | Azure File Share or Blob Container | "product-images/" |
$DIRECTORY_PATH | Folder/subfolder hierarchy | "electronics/" |
$FILE | Image filename including extension | "laptop123.png" |
$SAS_TOKEN | Secure Access Signature token (with ? prefix) | "?sp=rl&st=2025-02-10T10:00Z&se=2025-12-31T10:00Z&sv=2023-11-03&sr=f&sig=xxxxxx" |
Each algorithm block returns a single text value
Build the Dynamic Picture algorithm that concatenates the five text algorithms:
$STORAGE_ACCOUNT & $SHARE_NAME & $DIRECTORY_PATH & $FILE & $SAS_TOKEN
Use this algorithm in the layout of a Label or Card and your Azure image appears dynamically in Board.
Below an example of Layout configuration to display the stored image:Β
Retrieve the SAS token from the SAS URI
!!! Be cautious: Displaying or exposing a SAS token in text is a potential security risk, because it effectively acts as a temporary key that grants access to the Azure Storage resources.
Azure storage :Β
1.3 Conclusion
Displaying images from Azure Storage in Board is a good alternative to storing them directly in the data model. By dynamically building HTTPS URLs through text algorithms or cubes, you can keep your data model lighter while still enriching dashboards with secure, cloud-hosted visual content.
