Function Button

A button with the functionality of executing a function within the app once pressed.

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.
• Background image url: Allows for setting the button's background. Refer to here for further information.

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.
   
• margin: 0
  Remove the margin around the element, assuring it is at the exact specified position.
   
• background-color: #XXXXXX
  Select a background color for this element.
   
• border-radius: {Xpx, X%}
  Give the edges of the element a radius, making them curved and resulting in a semi-circular element.