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
      • Flows
      • 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
  • Overview
  • Add and delete
  • Duplicate
  • Change order
  • Page height
  1. Build & Deploy Apps
  2. App Appearance

Pages

Last updated 6 months ago

Pages are different views within one app and should be used to organize functionality logically.

Overview

One app can have an unlimited number of pages. Each page can have an unlimited number of subpages. Pages will appear in the navigation menu of the app, whereas subpages do not appear in the navigation menu.

Add and delete

To add a new page/subpage:

  1. Right-click on a page/subpage.

  2. Click on New Page to create a new page below the page/subpage, or click New Subpage to create a new subpage right of the page/subpage.

To delete a page/subpage:

  1. Right-click on a page/subpage.

  2. Click on Delete Page.

Duplicate

Pages and subpages can be duplicated to save time developing the UI. To duplicate a page/subpage:

  1. Right-click on the page/subpage.

  2. Click Duplicate Page to duplicate the page/subpage as a page, or click Duplicate Subpage to duplicate the page/subpage as a subpage.

Change order

Page height

If you try to reduce the height of a page via the menu, but the height of the page does not change accordingly, this may be because a widget is still positioned outside the newly selected height. In such a case, you can increase the height again or switch to a different device preview and search for the widget to delete it or place it within desired page height.

Changing the order of pages is possible via the navigation menu settings menu and is explained in the article on .

To add additional space to a page, you can make the page scrollable. To do so, you need to extend the page height using the page height icon () in the top bar. Extending the page height only affects the page you are currently working on and the device type you are currently editing.

↕️
in-app navigation
Page one with a subpage and page three with two subpages.