How to add user inputs to your solution

A how-to-guide for adding user inputs to your solution
Tags:

Introduction

Add user inputs to your web-app.

Prerequisites

1. Add a ControlPanel block

To add user defined values to your web-app, configure a ControlPanel block.

  • Open your solution.yaml file
  • Add a ControlPanel block to the contents of the frame where you want the user inputs.
  • Configure controls to represent your inputs. Some control types are below.
    • TextInput
    • Slider
    • Toggle
    • Dropdown
  • For more control types see the ControlPanel controls
...
my-main-frame:
  kind: Frame
  contents:
    my-controlpanel:
      kind: ControlPanel
      controls:
        my-input-1:
          kind: Slider
          label: Number Slider Control
          value: 20
          min: 0
          max: 100
          precision: 3
          unit: mm

2. Deploy

  • Saving and deploy the solution
  • Open the web-app

Configuration

See the ControlPanel block for more information.

Next steps