Dropdown List Selector: Difference between revisions

From QPR ProcessAnalyzer Wiki
Jump to navigation Jump to search
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
''Dropdown List Selector''' adds dynamic behavior to dashboards by allowing users to make selections that affect charts and other components in the dashboard. The Dropdown List Selector is usual dropdown list where user can select a value from a list of predefined values. The dropdown list is linked to other components of the dashboard using variables: The selected value is stored to a variable, which is used by the other components. The Dropdown List Selector can be configured flexibly based on any data in the model, and the contents of the list changes automatically when the model data changes. Note that the Dropdown List Selector is not related to the filters of the dashboard.
'''Dropdown List Selector''' enables dynamic behavior to dashboards by allowing users to make selections that affect charts and other components in the dashboard. Thus, the Dropdown List Selector can be used to set parameters for the calculations in charts. The Dropdown List Selector is usual dropdown list where user can select a value from a list of predefined values.


When adding a Dropdown List Selector, the linked variable needs to be defined to the dashboard as follows:
The dropdown list is linked to other components of the dashboard using variables: The selected value is stored to a variable, which is used by the other components. To make the behavior work, the variable needs to be configured both to the dropdown list and the charts using it. For charts, variables are bound using either [[Chart_Linked_Settings|linked settings]] or directly using tags in custom expressions (e.g. ''<#tagName>'').
# When in dashboard designer, click the dots menu on top right and click '''Dashboard Properties'''.
 
The Dropdown List Selector can be configured flexibly based on any data in the model, and the contents of the list updates automatically when the model data changes. Note that the Dropdown List Selector is not linked to the filters of the dashboard (for filtering, use the ''Case attribute filter'' or ''Event type filter'' components).
 
== Add Dropdown List Selector to dashboard ==
Dropdown List Selector is added to dashboard by activating the [[QPR_ProcessAnalyzer_Dashboard_Designer#Editing_Dashboards|Add component mode]] and clicking the ''Dropdown List Selector'' in the tool palette. Mandatory settings are ''Variable name'' and ''List items'' for the Dropdown List Selector to show. When adding the Dropdown List Selector, also the linked variable needs to be defined to the dashboard as follows:
# When in dashboard designer in the [[QPR_ProcessAnalyzer_Dashboard_Designer#Editing_Dashboards|Edit mode]], click the dots menu on top right and click '''Dashboard Properties'''.
# Open the '''Variables''' tab.
# Open the '''Variables''' tab.
# Define a name for the variable in the textbox. The name can be chosen freely.
# Define a name for the variable in the available textbox. The name can be chosen freely.
# Set the behavior to be '''Stored variable'''.
# Set the behavior to be '''Stored variable'''. (When using this behavior, the selected value in the dropdown list is stored to the dashboard when the dashboard is saved.)
# Click the '''Done''' button on top right.
# Click the '''Done''' button on top right.
# The variable needs to be defined also to the Dropdown List Selector settings in the ''Variable name'' field.
# The variable needs to be defined also to the Dropdown List Selector settings in the ''Variable name'' field.
# Save the dashboard.
# Save the dashboard.


== Dropdown List Selector settings ==
Dropdown List Selector has the following settings:
Dropdown List Selector has the following settings:
* '''Title''': Explaining title or label for the dropdown list that is visible in the dashboard. If no title is defined, an automatic title is derived based on the chosen ''List items'' .
* '''Analyzed objects''': Types of objects where the ''List items'' are derived. Based on this selection, there are different options available for the ''List items'' and ''1. measure''. The Analyzed objects selection works similarly as the same selection in charts.
* '''Sorting''': Defines a column based on which items are sorted in the list. The ''1. dimension'' means sorting based on the ''List items''.
* '''Maximum rows''': Maximum number of items shown by the list. This setting can be used to show only the most important items. Note that the list can smoothly show maximum of couple of thousand of items, so the maximum rows limitation is also needed from the dashboard performance viewpoint.
* '''Variable name''': Name of the variable that is linked to this dropdown list. When user makes a selection in the dropdown list, the selection is stored to the variable.
* '''Variable name''': Name of the variable that is linked to this dropdown list. When user makes a selection in the dropdown list, the selection is stored to the variable.
* '''1. measure''': The list can optionally show aggregated information for each of the listed items in parenthesis. When the measure is selected, possibility to define a second measure appears.
* '''Title''': Explaining title (label) for the dropdown list that is visible in the dashboard. If no title is defined, an automatic title is derived based on the chosen ''List items''.
* '''List items''': Select what kind of items the dropdown list is showing. There are variety of options to choose from, and the options depend on what has been selected as the ''Analyzed objects''. This selection is similar to the dimension selection in charts.
* '''Analyzed objects''': Types of process mining objects where the ''List items'' are calculated from. Based on this selection, there are different options available for the ''List items'' and ''1. measure''. The Analyzed objects selection works similarly as the [[QPR_ProcessAnalyzer_Chart#Analyzed_Data|same selection in charts]].
* Same [[QPR_ProcessAnalyzer_Chart#Layout_Settings|layout settings]] as in charts.
* '''List items''': Select what kind of items the dropdown list is showing. There are variety of options to choose from, and the options depend on what has been selected as the ''Analyzed objects''. This selection is similar to the [[QPR_ProcessAnalyzer_Chart#Selecting_Measures.2C_Dimensions_and_Columns|dimension selection in charts]].
* '''Sorting''': Defines a column based on which items are sorted in the list.
* '''Maximum rows''': Maximum number of items shown by the list. This setting can be used if desired to show only the most relevant items. Listing more than thousands of items may cause the list to work very slowly, so showing lot of items, consider what's the practical maximum from the performance point of view.
* '''1. measure''': The dropdown list can optionally show aggregated/summarized information for each of the shown item. When the first measure is selected, possibility to define a second measure appears. The measures work similarly as [[QPR_ProcessAnalyzer_Chart#Selecting_Measures.2C_Dimensions_and_Columns|measures in charts]].
* '''Follow dashboard filters''': Whether dashboard filters are applied to the query when getting the list items.
* '''Chart filter''': Filter rules that are applied to the query when getting the list items.
* '''[[Chart_Linked_Settings|Linked settings]]'''
* '''Model''': Model to which the query is made to get the list items.
* '''[[QPR_ProcessAnalyzer_Chart#Layout_Settings|Layout settings]]'''
 
== Variable value format ==
When using a Snowflake model, the Dropdown List Selector stores the variable using the [[Stringified_Value_Format|stringified format]]. When using an in-memory model, the variable values is stored in the json format (https://www.w3schools.com/js/js_json_intro.asp). The reason for the different behavior is that the stringified format is more versatile, so it was taken into use for Snowflake (which was implemented after the original in-memory). The [[Chart_Linked_Settings|linked settings]] in charts by default use the stringified format, so when working with in-memory models, you need to change the ''valueFormat'' parameter in the linked settings.

Latest revision as of 20:07, 11 December 2023

Dropdown List Selector enables dynamic behavior to dashboards by allowing users to make selections that affect charts and other components in the dashboard. Thus, the Dropdown List Selector can be used to set parameters for the calculations in charts. The Dropdown List Selector is usual dropdown list where user can select a value from a list of predefined values.

The dropdown list is linked to other components of the dashboard using variables: The selected value is stored to a variable, which is used by the other components. To make the behavior work, the variable needs to be configured both to the dropdown list and the charts using it. For charts, variables are bound using either linked settings or directly using tags in custom expressions (e.g. <#tagName>).

The Dropdown List Selector can be configured flexibly based on any data in the model, and the contents of the list updates automatically when the model data changes. Note that the Dropdown List Selector is not linked to the filters of the dashboard (for filtering, use the Case attribute filter or Event type filter components).

Add Dropdown List Selector to dashboard

Dropdown List Selector is added to dashboard by activating the Add component mode and clicking the Dropdown List Selector in the tool palette. Mandatory settings are Variable name and List items for the Dropdown List Selector to show. When adding the Dropdown List Selector, also the linked variable needs to be defined to the dashboard as follows:

  1. When in dashboard designer in the Edit mode, click the dots menu on top right and click Dashboard Properties.
  2. Open the Variables tab.
  3. Define a name for the variable in the available textbox. The name can be chosen freely.
  4. Set the behavior to be Stored variable. (When using this behavior, the selected value in the dropdown list is stored to the dashboard when the dashboard is saved.)
  5. Click the Done button on top right.
  6. The variable needs to be defined also to the Dropdown List Selector settings in the Variable name field.
  7. Save the dashboard.

Dropdown List Selector settings

Dropdown List Selector has the following settings:

  • Variable name: Name of the variable that is linked to this dropdown list. When user makes a selection in the dropdown list, the selection is stored to the variable.
  • Title: Explaining title (label) for the dropdown list that is visible in the dashboard. If no title is defined, an automatic title is derived based on the chosen List items.
  • Analyzed objects: Types of process mining objects where the List items are calculated from. Based on this selection, there are different options available for the List items and 1. measure. The Analyzed objects selection works similarly as the same selection in charts.
  • List items: Select what kind of items the dropdown list is showing. There are variety of options to choose from, and the options depend on what has been selected as the Analyzed objects. This selection is similar to the dimension selection in charts.
  • Sorting: Defines a column based on which items are sorted in the list.
  • Maximum rows: Maximum number of items shown by the list. This setting can be used if desired to show only the most relevant items. Listing more than thousands of items may cause the list to work very slowly, so showing lot of items, consider what's the practical maximum from the performance point of view.
  • 1. measure: The dropdown list can optionally show aggregated/summarized information for each of the shown item. When the first measure is selected, possibility to define a second measure appears. The measures work similarly as measures in charts.
  • Follow dashboard filters: Whether dashboard filters are applied to the query when getting the list items.
  • Chart filter: Filter rules that are applied to the query when getting the list items.
  • Linked settings
  • Model: Model to which the query is made to get the list items.
  • Layout settings

Variable value format

When using a Snowflake model, the Dropdown List Selector stores the variable using the stringified format. When using an in-memory model, the variable values is stored in the json format (https://www.w3schools.com/js/js_json_intro.asp). The reason for the different behavior is that the stringified format is more versatile, so it was taken into use for Snowflake (which was implemented after the original in-memory). The linked settings in charts by default use the stringified format, so when working with in-memory models, you need to change the valueFormat parameter in the linked settings.