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 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 button.

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 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 setting 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 option allows the user to pick an image from the data source field to the image widget.

Through the column section in the assigned data, we can add N number of fields. The fields can be represented using the {N-1} parameter, starting from {0}.

In this example, we have two fields in a column section shown in the following illustration.

we can refer Teams image field filed with {0} parameter and Players Image field filed with {1} parameter.

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

Forming URI through placeholder

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

• {0} - This is representing the 1st field of the column section and gets the 1st value of that field to image widget.
• If the 1st value of the {0} parameter is au, the URL will be framed as http://flagpedia.net/data/flags/normal/au.png. This will be used on the image source.
• Remaining texts are constant value.

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

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.