Layouts: Building Your Workflow UI

Elementum layouts let you visually design how users interact with workflow data and features. Layouts combine Fields (your workflow’s state/data) and Components (Elementum-powered workflow features) into clear, actionable interfaces.

Stage Layout Builder

Visualize workflow progress Use the Stage Layout Builder to define and display your workflow’s stages (e.g., 1. Read Invoice → 2. Match Records → 3. Review Compliance → 4. Closed). Stages are customizable and shown as a numbered progression at the top of the layout.
  • Rename, reorder, or remove stages as needed
  • Each stage can have its own layout and fields
Bring AI into your workflow UIAdmins can add an Agent Button (star icon) to any section of the layout. This lets users access an AI Agent designed to provide insights, suggestions, or actions tailored to that part of the workflow.
  • Toggle the star icon to enable Elementum Intelligence for a section
  • Select or create an Agent to assist users with context-specific help
  • Configure the Agent to match the needs of each workflow stage or section
Learn how to build and configure Agents in the Agents Architecture documentation.

Fields: Your Workflow State

Fields are the core data elements of your workflow. When you add a field, you’re defining a piece of state that’s dynamically stored in your database. Fields are reusable and can be organized into sections.

Field Types

TypeDescription
Rich TextFormatted content, descriptions
DecimalNumeric values with decimals
DropdownPredefined selection options
UserAssign individuals
GroupsAssign teams
DateDate only
Date TimeDate and time
Multi-SelectMultiple choice selections
CheckboxBoolean (true/false)
CalculationComputed fields
Create ButtonAction triggers
FileAttachments
JSON FieldStructured data
NumberNumeric input
Relate ButtonCreate relationships
Related ItemsLinked records
TextBasic string input
  • Quick Filters: View all fields or only unused fields
  • Search: Instantly find fields by name
  • Drag & Drop: Add, remove, or reorder fields in any section
  • Reuse: The same field can appear in multiple sections

Components: Elementum Workflow Features

Components are first-class, pre-built workflow modules managed by Elementum. Unlike fields, components are not just data—they provide interactive features and logic.

Common Components

  • Activity Log: Track all record activity
  • Approvals: Manage approval workflows
  • Attachments: Upload and view files
  • Related Tasks: Link and manage tasks
  • Relationships: Show related records
  • Surveys: Collect structured feedback
  • Update Feed: Display record updates
Tip: Drag and drop components into your layout. Components can be shown or hidden per layout and section.

Section Organization

  • Sections group fields and components for clarity (e.g., “Header”, “Invoice Data”)
  • Sections can be collapsed/expanded
  • Add, remove, or reorder sections as needed

Field & Component Management

  • Quick Filters: Instantly filter fields
  • Search: Find fields/components fast
  • Drag & Drop: Organize your layout visually
  • Reusability: Fields/components can appear in multiple places

Example: Invoice Management Layout


Summary

  • Fields = Your workflow’s state, stored in your database
  • Components = Elementum-powered workflow features
  • Layouts = Visual arrangement of fields and components, organized into sections and stages
Use layouts to create clear, actionable, and flexible workflow UIs that match your process.