Options

A dropdown-field, allowing the user to select one of multiple given options.
The selected option is stored in the value store.

Control parameters

• Call function name: If a function is selected here, it will allow for additional arguments to be entered. These functions can be selected:
  • setState: Set a value for a key in a parameter group within the app. Requires the additional keys to be set.
  • factoryReset: Resets the entire app, clearing cache and cookies.
  • refresh: Load the latest version of the scanner's assigned config.

The selected function will trigger every time the value changes. If 'setState' is selected, it will store the new value in the value store.
No option other than 'setState' should be selected here.

The additional keys:

• Function value: The key as which the selected value is to be stored
• Group of value: The parameter-group in which the key is to be stored
• Additional argument: A comma-separated list of possible options
• Placeholder: If no option has been chosen yet, display this text instead

Suggested design parameters

• font-size: ...
  Setting the fontsize to properly display on most resolutions requires some tinkering around. The best approach so far is to utilize a combination the min-operator, as well as the viewport-width and viewport-height:
  min(2.5vw, 4vh)
  This takes the minimum of 2.5% of the width of the screen and 4% of the height of the screen. Choosing the same value for both, e.g. min(2.5vw, 2.5vh) yields consistent results.
   
• border: 0
  Remove the margin around the element, assuring it is at the exact specified position.
   
• text-align: {center, left}
  Select how to align the text within the input box.
   
• color: #XXXXXX
  Select a font-color for this element.
   
• background-color: #XXXXXX
  Select a background color for this element.