Search results

Image

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

Image Widget

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.

Image

  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 any one (Here, the Microsoft Excel Connection type is selected for demonstration) of the listed connection type button shown.

Data source list

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

Connect button

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

Virtual table

  1. Click the Properties button in the configuration panel.

Designer properties

  1. Now, the property pane opens.

Data tab

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.

Assign Data

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

Configure widget

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.

Name

Basic Settings

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.

Default

Fill

The image will be filled in the available space.

Fill

Uniform to Fill

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

Uniform to Fill

Uniform

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

Uniform

Image Source

Local

You can browse the image from your local system.

Local Settings

Local

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

URL

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.

Parameterized URL

Forming URL through placeholder

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

Placeholder

placeholder Image

Filter Settings

Filter

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.