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
  • Display widgets
  • Set property with application logic
  • Link widget and function
  • Properties
  1. Build & Deploy Apps
  2. UI Builder

Display Widgets

Last updated 9 months ago

The App Builder provides a diverse range of display widgets to visualize data in any form. Display widgets are closely aligned with , as they commonly receive data to be visualized and other properties to be set from a function.

Display widgets

The following display widgets are available:

  • : Classic line, bar, area, or scatter chart

  • : Allows chatting with

  • : Visualizes a value and sub-value in circular form

  • : Allows visualizing database tables

  • : Visualizes a value and sub-value in linear form

  • : Marks geodata in an interactive map

  • : Allows the dynamic display of media such as images

  • : Visualizes the percentage or absolute progress of a process or time

  • : Small line chart without axes or coordinates

  • : Displays the status as a color, e.g., that of a function

  • : Time-limited display of notifications

  • : Flexible display of arbitrary data or a data point

Set property with application logic

Link widget and function

To link a display widget with an output box or a modifier:

  1. Select a display widget in the UI editor.

  2. Drag and drop an output/modifier onto the selected widget.

When the link is established, the output/modifier indicates it with stating the property to be set.

Click the x next to the text to unlink an output widget from an output/modifier.

Properties

Most display widgets primarily provide a main data property. However, certain display widgets go beyond, allowing visualization of additional data properties and offering behavior properties to manipulate. To modify the property set by the logic, follow these steps:

  1. Link widget and function as explained above.

  2. Click on the property in the linked output/modifier to open a list of available properties.

  3. Select the desired property from the list.

Data and behavior properties of display widgets must be set from one or more in the application logic. To enable this data transfer, a display widget must be linked with the output box of a function or with a modifier. It's important to note that display widgets have the flexibility to be linked with multiple functions simultaneously.

function output
Chart
Chat
AI
Circular gauge
Data grid
Linear gauge
Map
Media view
Progress bar
Sparkline
Status lamp
Toast
Value box
functions