Heisenware Docs
Go to websiteGet a demo
  • 👋Welcome
  • Getting started
  • Release Notes
    • v84 - Get in the flow
    • v83 - Beauty treatment
    • v82 — Fully distributed
    • v81 — Removing old cruft
    • v80 — Chicks on fire
    • v79 — Nothing is forever
    • v78 — Keep moving
    • v77 — More intelligence
    • v76 — Well cooked
  • Build & Deploy Apps
    • Overview
    • Flow Builder
      • Nodes (Functions)
        • Inputs
        • Trigger
        • Output
      • Function Extensions
        • Modifier
        • Filter
        • Error handler
        • Memorizer
      • Objects & Instances
      • Utilities
        • Basic Functions
        • PDF functions
        • Circular buffer
        • Timer
        • Counter
    • Integrations
      • Protocol Connectors
        • GraphQL
        • HTTP/REST
        • MQTT
        • OPC UA
          • Heidenhain PLCs with OPC UA
        • RS-232/485
        • Siemens S7
      • Data Connectors
        • File
        • Relational Database
        • Time Series Database (WIP)
      • API Connectors
        • OGC SensorThings API
        • Operating System
        • Zebra RFID IoT Connector
      • Agent / (Edge Connector)
      • Calling Custom Code
    • UI Builder
      • Input Widgets
        • Form
        • File Upload
        • Photo
        • Signature
        • Barcode / QR-Code (WIP)
        • Document Scan (WIP)
      • Display Widgets
        • Chart
        • Chat
        • Circular Gauge
        • Data Grid
        • Linear Gauge
        • Map
        • Media View
        • Progress Bar
        • Sparkline
        • Status Lamp
        • Toast
        • Value Box
        • Kanban Board
        • Data Tiles
        • Pie Chart
        • Sankey
      • Buttons
      • Text Box
      • Images
      • Icons
    • Communication Interfaces
      • Email Notifications
      • OPC UA Server
    • Data & File Storage
      • Internal InfluxDB
      • Internal PostgreSQL
      • File Server
    • App Appearance
      • Pages
      • In-App Navigation
      • Screens & Devices
      • Theming
    • Simulation & Testing
      • Simulating Events
      • Simulating Data
    • PDF Templates
    • RAG-based Chatbot
    • Deployment
  • Manage Apps
    • Overview
    • Manage Apps
      • General Settings
      • Users and Access
      • Distribution & Versioning
    • Manage Integrations
    • Manage Account
      • Account Structure
      • Members
      • Workspaces
  • TUTORIALS
    • Build Your First Heisenware App
  • Connect Heidenhain CNC with OPC UA Support
  • Related links
    • Website
    • Privacy policy
    • Imprint
Powered by GitBook
On this page
  • Input widgets
  • Pass input to application logic
  • Link widget and function
  • Properties
  1. Build & Deploy Apps
  2. UI Builder

Input Widgets

Last updated 9 months ago

The App Builder provides a diverse range of input widgets designed to gather data from app users. This collected input can be subsequently processed and/or stored using application logic. Input widgets are closely aligned with , as they commonly transmit captured data and other properties to a linked function.

Input widgets

The following input widgets are available:

  • : Can capture various types of data and provides the data in an object.

  • : Allows uploading images, PDF, and CSV files.

  • : Allows taking pictures and uploading them.

  • : Allows user to sign.

  • : Allows scanning barcodes and QR-codes.

  • : Allows scanning documents.

Pass input to application logic

Captured input data in the UI must be passed to one or more in the application logic for processing or storage. To enable this data transfer, an input widget must be linked with the input box of a function. It's important to note that input widgets have the flexibility to be linked with multiple functions simultaneously.

Link widget and function

To link an input widget with an input box:

  1. Select an input widget in the UI editor.

  2. Drag and drop the input box of a function onto the selected widget.

When the link is established, the input box indicates it with stating the property to be passed. For example, this can be formData.

Click the x next to the text to unlink an input widget from an input box.

Properties

Most input widgets only offer a main data property. However, some input widgets can pass additional data properties or behavior properties to the application logic. To change the property to be passed to the application logic:

  1. Link widget and function as explained above.

  2. Click on the property in the linked input box to open a list of available properties.

  3. Select the desired property from the list.

function input
Form
File upload
Photo
Signature
Barcode / QR-Code scan
Document scan
functions