Framework Components

Material and provide additional functionality for easy communication with a Xyna Factory. Furthermore, they help building GUIs with consistent but highly customizable look-and-feel – for instance via styling. While it is recommended to use Zeta components where possible, they can also be combined with plain Angular, components from other frameworks or plain html elements like divs.

Details about the Zeta components

• Trees
• Buttons
• Icons
• Dialog Boxes
• Form Fields
  • Forms
  • Input fields
  • Validators
  • Text Areas
  • Labels
  • Autocomplete & Drop Down Menus
  • Checkboxes
• Navigation
• Menus
• Lists
• Tab Bars
• Tables
• Tooltips
• Login and Session Handling
• Detail Areas
• Panels
• Templates
• Path Browser
• Canvas
• Plot
• Stack

Dynamic GUIs via Xyna Workflows

Zeta GUI can also be created dynamically via Xyna Workflows, using Workflow-Defined UI.

Data Model

The communication between the frontend components and the Xyna instance is handled through the Zeta Data Model.

Tutorials

For an introduction also see the YouTube tutorial Zeta Components walk-through.