1. Home
  2. help
  3. How to Create a Range Navigator Widget
  4. Customizing the Range Navigator

Customizing the Range Navigator

Now that I have assigned data to my widget, I am going to click the “Properties” tab to customize it. First, I am going to change the widget’s name from “RangeNavigator1” to “Select Date Range”.

Renaming Range Navigator

Then, I can change the range chart type to Area, Line, or Step Line by using the dropdown list in the “Properties” tab. Here, I will use the default type “Area”.

Axis Type

My widget has now been created, but it looks a bit odd. This is because my data source only contains temperature data for one month, August 2018, but my widget is displaying the date in a year format (rather than showing each individual day of August as I intended).

You may have noticed that though the “Dimensions” box contains a field called “Date,” the field’s name changed to “Year(Date)” when you dragged it over to the “Argument” box. This is because the widget shows data for the entire year by default.

This format would be helpful if I wanted to compare data across multiple years, but since I am only looking at one month of data, I need to revise my date display criteria. It does not make sense for my widget to supposedly display data for all of 2018 if I am only examining one month of temperature data.

Binded result in RangeNavigator

To change the date settings for my widget, I need to navigate back to the “Argument” box and click the “Options” button beside the “Year(Date)” field. When I do, I see a list of different date display options: Date, Year, and More (clicking the “More” button will provide you with additional options).

You can set “Range” and “Period” options from the Relative Date Filter menu. You can also set a specific date by enabling “Link to Specific Date”.

Settings menu display

As we noted earlier, the “Year” option is selected by default. In order to see the maximum temperature data for each individual day of the month with the year, I am going to click the “Day Month Year” option.

Formatted argument field

After I click “Day Month Year,” I can see that the name of the date field in the “Argument” box has been changed to “DayMonthYear(Date),” and my widget’s appearance has been updated accordingly.

Result of applied date format


Was this article helpful to you? Yes No