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
  • Settings
  • Notification type
  • Display Time
  • Position
  • Setting the Toast message
  1. Build & Deploy Apps
  2. UI Builder
  3. Display Widgets

Toast

Last updated 7 months ago

The toast is a timed, temporary notification that displays a message at the top or bottom of the screen when triggered.

Settings

Notification type

There are 4 types of toast: Info, Warning, Error and Success. The type can be selected in the Notification Type dropdown and the color of each type is set in the Theme Builder.

The Info, Warning, Error and Success colors are the same throughout the app and across different widgets (eg. Buttons).

Display Time

The Display Time is the amout of time the toast will be visible for in milliseconds. You can type the display time in the number box. The default is 3 seconds.

Position

You can choose where the Toast appears on the screen. There are 6 options: either at the top or bottom of the screen, and right, left or center.

Setting the Toast message

When adding the toast widget to the app UI builder, it will look like a small message icon. The icon disappears on the deployed app or in test mode, so the location of the widget doesn't matter.

To set the toast message, drag an output onto the widget. The only action that can be performed is "call message".

The content of the output is the message in the toast, and the call message action is triggered when the output is updated.

Multiple outputs can be connected to the same toast widget, and the toast will only display the message in the output that was triggered.

Note: Messages that are linked to the same toast and are triggered at the same time will all appear stacked in the same spot. To avoid that, it's advisable to either stagger the trigger events or set up extra toasts.

All customization options in the toast widget are in the Settings tab .

⚙️
Toast types in the default theme colors
Toast widget in build mode