Displaying data with a Selection widget

With Justinmind, you can display Data Master Records in Selection widgets.

What are Selection widgets?

List Box – displays a list of values, one per line. This is a single selection widget, which means only one value can be selected per operation.

selection-widgets-list-box

Select List – displays the selected value from a list of values.

This is a single selection widget. Another value can be selected from the drop-down during simulation.

This list takes on the settings of the operating system and cannot be customized.

selection-widgets-select-list

Custom Select List – also displays the selected value from a list of values.

This is a single selection widget. Another value can be selected from the drop-down during simulation.

This list can be customized in the Properties palette.

selection-widgets-custom-select-list

Multi-select – displays a list of values, one per line. This is a multi-selection widget that allows you to select multiple values per operation.

selection-widgets-multi-select-list

Radio List – displays a list of values, each with its own radio button. This is a single selection widget.

selection-widgets-radio-list

Check List – displays a list of values, each with its own radio button. This is a multi-selection widget.

selection-widgets-check-list

Fixed values for Selection elements

To create your fixed values for a selection element:

  1. Drag a Selection widget (any) to the canvas.
    • Select it on the canvas and go to the Properties palette.
    • fixed-values-selection-widgets
  2. Click the “Edit values” button in the General section of the Properties palette.
    • In the dialog that appears, modify the default values (by selecting them and clicking the gear icon on the right). You can also add new values by clicking the ‘+’ icon.
    • When you’re finished, click “OK” to return to the canvas.
  3. Your Selection element should display the values you’ve created (or just the first if it’s a Select List and Custom Select List). To interact with it, click “Simulate”.
    • fixed-values-simulate

Associating Selection elements to Data Masters

There are three ways to associate a selection element to your Data Master (all Fields and Records):

With drag and drop (selection element to Data Master)

Select your selection element on the canvas.

Drag and drop it on top of your Data Master in the Data Masters palette.

Double click within the selection area of your Selection element to see your Data Master’s records.

drag-drop-selection-elements

With drag and drop (Data Master to selection element)

Select your Data Master from the Data Masters palette.

Drag and drop on top of the selection element in the canvas.

Double click within the selection area of your Selection element to see your Data Master’s records.

drag-drop-data-master-selection-elements

From the Properties palette

Select your Selection element on the canvas and go to the Properties palette.

Click the “Edit values” button in the General section of the Properties palette.

In the dialog that appears, select a Data Master.

If you select an entire Data Master, all of the Data Master’s Records will be displayed inside the element.

Note: the Select List and Custom Select List will only display the first value or Data Master Record on the canvas but all selected values/Data Master Records will be displayed during simulation. Each Record for each Field will be separated by commas.

Displaying “Category” Data Master Field Records in your selection element

Learn more about Data Master Field types here.

There are two ways to display the Records defined for a Data Master “Category” or “Multicategory” field in your Selection element:

  • With drag and drop
  • By editing the values in the Properties palette

Displaying Records defined for a Data Master “Category” field in your Selection element using drag and drop:

Go to the Data Master palette and expand your Data Master so that all Fields are displayed. Then, select your Selection element on the canvas.

Drag and drop it on top of the desired “Category” Field from within your Data Master in the Data Masters palette. Your Selection element will now display the options defined within the Data Master “Category” Field.

display-records-data-master

Alternatively, you can drag the “Category” Field from your Data Master and drop it on top of the Selection element in the canvas.

Displaying Records defined for a Data Master “Category” field in your Selection element by editing the values in the Properties palette

Select the Selection element you wish to associate to a Data Master “Category” Field.

Go to the Properties palette and click the “Edit values” button.

In the dialog that appears, select the “Data Master Field” radio button on the left, and the desired Data Master Field from the list on the right. Click “OK” to apply the changes.

Note: “Category” Fields can only be associated to List Box, Select List, Custom Select List and Radio List Selection elements. “Multicategory” Fields can only be associated to Multi-Select and Check List Selection elements.