Image

Image allows you to display a both static and dynamic image within defined mode (default, fill, uniform and uniform to fill).

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

The following steps represents to add Image to dashboard:

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

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

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

4. In the connection type panel, click any one (Here, the Microsoft Excel Connection type is selected for demonstration) of the listed connection type button shown.

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

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

7. Click the Properties button in the configuration panel.

8. Now, the property pane opens.

How to configure the data to Image widget?

You may browse the image or bind a datasource column that contains the image URL.

You may assign a data by clicking the Assign Data tab.

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

You can format the image for better illustration of the view that you require, through the settings available in the Properties pane.

Name

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

Basic Settings

Mode

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

Default

The image will be displayed in its original size.

Fill

The image will be filled in the available space.

Uniform to Fill

The image will be uniformly occupying the space but gets clipped, if it is larger than control.

Uniform

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

Image Source

Local

You can browse the image from your local system.

NOTE: Image that having special characters in the file name is not supported in Dashboard Application.

URL

You can give the URL of the image which must be a valid URL.

Ex: http://flagpedia.net/data/flags/normal/in.png

Parameterized URL

Parameterized URL images can be bind through this option and we can also able to add different columns value as a placeholder through the placeholder textbox.

Forming URL through placeholder

EX: http://flagpedia.net/data/flags/normal/{0}.png

Filter Settings

IgnoreFilterActions

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

Link

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