Skip to main content

Quantela platform user manual

Configure Data Selector visualization

You can specify what the overall presentation of information should be, for example how many data selectors are displayed and whether they are displayed like Input ,Value Slider, Range Slider, Buttons, List or Calendar data selectors.

new_data_selector_visualization.png
  1. If the widget configuration dialog box is not already open, do as follows:

    • If the widget is on a Grid layout dashboard, click the Menu icon new_settings_menu.png in the top right-hand corner of the widget and select Settings.

    • If the widget is on a Fluid layout dashboard, on the floating toolbar for the widget, click the Settings icon: new_settings_menu.png.

  2. Click the Configuration tab.

  3. On the left-hand side, click Visualization.

  4. Select one of the options for visualizing information:

    Setting

    Description

    custom_data_selector.png

    Creates a custom data selector template layout.

    import_data_selector.png

    Imports a previously exported custom data selector template layout.

    input.png

    Displays the Input data selector to enter a search string.

    value_slider.png

    Displays the Value Slider data selector to select the values from a min to a max value.

    range_slider.png

    Displays the Range Slider data selector to select the values between a min and max value.

    button.png

    Displays the Buttons data selector to create buttons for selection.

    list.png

    Displays the List data selector to enter or select an item from a list.

    calendar.png

    Displays the Calendar data selector to select a date or time or both.

  5. If the custom template custom_data_selector.png icon is selected, the Create Template dialog is displayed.

    updated_create_template_data_selector.png

    In the Create Template dialog, configure the following settings.

    Setting

    Description

    Input

    Displays a text field to enter a search string.

    Value Slider

    Displays a slider to select the values from a min to a max value.

    Range Slider

    Displays a slider to select the values between a min and max value.

    Buttons

    Displays buttons for selection.

    List

    Displays a list to select an item from.

    Calendar

    Displays a calendar to select a date or time or both.

    Text

    Displays a text area.

    Name

    The name of the data selector layout.

    You can also translate this text by clicking on the Translate icon translate.png and entering the translation of the desired language selected. Auto-suggestions are also available where the reused contents are auto-suggested.

    Note

    It must be 2-32 characters only.

    Show Grid

    Displays horizontal and vertical lines on the canvas.

    You can drag and drop the above data selectors onto the 100*100 canvas and can resize it by dragging the container’s sides to the desired size. The size of the data selector template preview is same as the widget size. Also, you can delete the data selectors by clicking on the new_close.png icon.

    To export the custom template, click on the Export button. The custom templates is downloaded as JSON code on your computer.

    You can undo the changes made on the canvas by clicking the Reset button.

    Finally, click Save.

    The new data selector layout created is shown in the Visualization section.

    Note

    You can create only one custom template.

    You can also edit and delete the custom data selector template:

    • Click on the Editcustom_data_selector_edit.png icon to edit the custom data selector template.

    • Click on the Deletecustom_data_selector_close.png  icon to delete the custom data selector template.

  6. Click Update.

Note

When switching between the Input , Value Slider , Range Slider , Buttons , List, Calendar and custom data selectors, you need to confirm if the previous data selector template can be overridden.