Search results

Range Slider

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

Range Slider

How to configure table data to range slider?

The following procedure explains the data configuration of the Range Slider.

  1. Drag and drop the Range Slider control icon from the toolbox into the design panel. You can find the control by searching in the toolbox.

Drop Range Slider

  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 buttons shown.

Data source list

  1. In the NEW DATA SOURCE configuration panel, fill the connection type and related details. Click the 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, the property pane opens. Now, switch to the ASSIGN DATA tab.

Designer properties button

Data tab

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

Assign data

  1. Bind columns through drag and drop elements from the sections to the Columns section.

Configure Widget

Here is an illustration,

Configured Widget

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 the Properties tab.

General Settings

General Settings

Name

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

General Settings

Subtitle

This allows you to set the subtitle for this range slider widget.

General Settings

Description

This allows you to set a brief explanation about this range slider widget.

General Settings

Basic Settings

Basic Settings

Range Selection

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

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

Range Slider with Single Pointer

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

Range Slider with Range Pointer

Orientation

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

Range Slider Orientation Type

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

Range Slider with Vertical Orientation

Range Slider with Vertical Orientation

Range Slider with Horizontal Orientation

Range Slider with Horizontal Orientation

Label Color

This allows you to customize the label color.

Range Slider with modified label color

Range Slider with modified label color

Slider Color

This allows you to customize the slider color.

Range Slider with modified slider color

Range Slider with modified slider color

Slider Interval

This allows you to modify the incremental step of the slider. When the slider is adjusted, it shifts based on the new interval of the slider.

Range Slider with modified slider interval

Range Slider with modified slider interval

Filter

Filter

Act as Master Widget

This option allows you to define the range slider widget as a master widget so that its filter action can be recognized by other widgets in the dashboard.

Ignore Filter Actions

This option allows you to specify that the range slider widget should not respond to filter actions applied on other widgets in the dashboard.

Enable Hierarchical Filtering

Using this option, you can enable or disable the hierarchical top N filtering. While applying Top N filter with multiple dimension columns, the data returned can be customized based on whether the filtering needs to be done as flat or based on the hierarchy of dimension columns added.

When the Enable Hierarchical Filtering is enabled, the Top N will be applied for each individual column separately based on the number set for each column.

Container Appearance

Container Appearance

Title Alignment

This setting allows you to adjust the alignment of the widget title to be left, center, or right.

Title Color

You can apply a specific text color to the widget title using this option.

Title Auto Font Size

If Auto Font Size is enabled, the font size of the title will automatically adjust if the screen resolution varies.

Font Size

This setting allows you to specify the font size for the widget title if the Title Auto Font Size is disabled. The value can be between 10 and 44.

Subtitle Auto Font Size

Similar to the title, enabling Auto Font Size for the subtitle will adjust the font size automatically based on screen resolution.

Font Size

This setting allows you to specify the font size for the subtitle if the Subtitle Auto Font Size is disabled. The value can be between 10 and 32.

Show Border

You can toggle the visibility of the border surrounding the widget using this option.

Corner Radius

This setting allows you to specify the radius for the widget corners if the Show Border is enabled. The value can be between 0 and 10.

Background Color

Set the background color for the range slider widget using this option.

Transparency

This property allows you to specify the transparency for the background color.

Show Shadow

Toggle the visibility of the shadow surrounding the widget with this option.

Container actions

Container Actions

Show Header

This allows you to enable or disable the widget title of the range slider widget.

Enable Comments

Choose to enable or disable comments for the dashboard widget. For more details, please refer to the Commenting Widget.