Range Slider

Range Slider enables you to filter based on value or date range set through sliders. To configure a range slider, a minimum requirement of 1 column is needed.

How to configure table data to range slider?

The following procedure illustrates data configuration of Range Slider.

Drag and drop Range Slider control icon from the tool box into design panel. You can find control in tool box by search.

Click Data Source button in configuration panel.

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

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

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

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

Click Properties button in Configuration panel, property pane opens. Now, Switch to ASSIGN DATA tab.

The data tab will be opened with available measures and dimensions from the connected data source

Bind column through drag and drop element from sections to Columns section.

Here is an illustration,

How to format range slider?

You can format the Range Slider for better illustration of the view that you require, through the settings available in Properties tab.

General Settings

Name

This allows you to set title for this range slider widget.

Basic Settings

Range Selection

This allows you to toggle the selection type of Range Selection.

Single – Single value can be bounded, if you disable the Range Selection option.

Range Slider with Single Pointer

Range – A range (two values) can be bounded, if you enable the Range Selection option.

Range Slider with Range Pointer

Orientation

This allows you to toggle the orientation type of Vertical Orientation and Horizontal Orientation.

Orientation will be set based on the widget resolutions in Auto mode.

Range Slider with Vertical Orientation

Range Slider with Horizontal Orientation

Label Color

This allows you to customize the label color.

Slider Color

This allows you to customize the slider color.

Filter

Act as Master Widget

This allows you to define this range slider widget as a master widget such that its filter action can be made to listen by other widgets in the dashboard.

Ignore Filter Actions

This allows you to define this range slider widget to ignore responding to the filter actions applied on other widgets in dashboard.

Container Appearance

Title Alignment

This allows you to handle the alignment of widget title to either left, center or right.

Title Color

This allows you to apply text color to the widget title.

Show Border

This allows you to toggle the visibility of border surrounding the widget.

Corner Radius

This allows you to apply the specified radius to the widget corners. Value can be between 0 and 10.

Enable Comments

This allows you to enable/disable comment for dashboard widget. For more details refer here