Search results


Image allows you to display both static and dynamic images within defined modes (default, fill, uniform, and uniform to fill).

Image Widget

You can add images of supported formats including BMP, JPG, JPEG, GIF, EMF, JFIF, JPE, PNG, RLE, TIF, TIFF, WMF, DIB, and ICO from your local machine or by column binding to the image widget.

The following steps represent how to add an Image to the dashboard:

  1. Drag and drop the image widget into the Canvas.


  1. Click the Data Source button in the configuration panel.

Data button

  1. Click the CREATE NEW button to launch a new connection from the connection type panel.

Data source button

  1. In the connection type panel, click on any one of the listed connection type buttons (Here, the Microsoft Excel Connection type is selected for demonstration).

Data source list

  1. In the NEW DATA SOURCE configuration panel, fill in the connection type and related details. Click the Preview & Connect button.

Connect button

  1. Drag your preferred table or view from the left pane in the data design view, then click the Save button.

Virtual table

  1. Click the Properties button in the configuration panel.

Designer properties

  1. The property pane will open.

Data tab

How to configure the data to Image widget?

You can browse the image or bind a data source column containing the image URL.

Assign data by clicking the Assign Data button.

Assign Data

Drag and drop the image column from the dimension section to the Column section.

Configure widget

You can format the image for better illustration of the required view through the settings available in the Properties pane.


This allows you to set the title for the Image widget.


Basic Settings

Basic Settings


You can customize the image showcase style through the Mode setting in the Design Tools pane or properties pane.


The image will be displayed in its original size.



The image will be filled in the available space.


Uniform to Fill

The image will uniformly occupy the space but may get clipped if it is larger than the control.

Uniform to Fill


The image sizes proportionally (without clipping) to best fit the widget area.


Image Source


You can browse the image from your local system.

Local Settings


NOTE: Images with special characters in the file name are not supported in the Dashboard Application.


You can provide a valid URL for the image.



If you wish to provide tenant-specific images, you can utilize the dashboard parameter. We have added support for using the dashboard parameter in the URL field.

For Example: you want to render the image located at http://localhost:56372/bi/site/site1/get-client-logo. The default dashboard parameter is @{{:CURRENTUSER.SITEURL}}.

When adding the URL in the image widget, the image will be displayed dynamically based on the tenant. The URL should be structured as follows: @{{:CURRENTUSER.SITEURL}}/get-client-logo.


The image widget is rendered as shown below.


Parameterized URL

This option allows the user to select an image from the data source field for the image widget.

You can add multiple fields through the column section in the assigned data. The fields can be represented using the {N-1} parameter, starting from {0}.

In this example, there are two fields in a column section shown in the illustration.

Parameterized URL

Parameterized URL Default

You can refer to the Teams image field filled with {0} parameter and the Players Image field filled with {1} parameter.


By using the parameter {1} in the Parameterized URL pattern, you get the 1st value of the Players Image field data as the source for the image widget.


Forming URI through placeholder


  • {0} - Represents the 1st field of the column section and gets the 1st value of that field for the image widget.
  • If the 1st value of the {0} parameter is au, the URL will be framed as This will be used as the image source.
  • Remaining texts are constant values.

URI Placeholder

Note: The parameter used will get the 1st value of the field after considering all the dashboard filters.

Tooltip Settings

Show Tooltip allows you to toggle the visibility of a tooltip on an image. The text box below the Show Tooltip option allows you to set the text that appears in the tooltip.


Filter Settings



You can ignore the filter actions by enabling the IgnoreFilterActions property. Browse Image will not act as a slave widget.


Configure the linking to URL or dashboard with the widget using its settings. For more details, refer to the Linking.

Container actions

Container Actions

Pin Widget

This allows you to pin the widget.