xFlow
  • Overview
    • Introduction
    • Core Features
    • Architecture
      • High Level Architecture
      • Tech Stack
      • Deployment Flexibility
      • Performance and Scalability
      • Security Compliance
  • Getting Started
    • Installation
    • Quick Start
    • Configuration
  • Core Concepts
    • Serverless Workflow Specification
    • Workflow data handling
    • Workflow Expressions
    • Error handling
    • Input and Output schema definition
    • User Task
    • User Forms
      • Lowcode Form
      • Advanced User Form
    • AI Agents in Enterprise Business Processes
    • Comparisons
      • BPMN2
  • Developer Guide
    • Architecture
    • API Reference
    • Workflow States Reference
      • Event State
      • Operation State
      • Switch State
      • Parallel State
      • Inject State
      • ForEach State
      • Callback State
      • UserTask State
      • AIAgent State
      • AIAgentProxy State
      • UserProxyAgent State
      • AI Outbound Agent State
    • Workflow Functions
      • REST
      • GraphQL
      • Custom
        • Built-in Functions
        • Lowcoder Query Function
      • Function Auth
    • Workflow Secrets
    • Integrations
    • Workflow Modeler
    • Frontend Development
      • Forms
        • Lowcode Form
        • Advanced User Form
    • Serverless Workflow Development
      • Operation State
      • Switch State
      • Parallel State
      • ForEach State
      • Callback State
      • User Task State
    • AI Agent Development
      • AI Agent
        • Predefined LLM
        • LLM Configuration
        • Multi LLM Configuration
        • Chat Memory
        • Tools
        • Data Output
        • Agent Outcomes
      • AI Agent Proxy
        • AI Agents Integration
      • User Proxy Agent
      • xChatBot Integration
  • Examples
    • Basic Examples
    • Advanced Examples
      • Loan Approval Workflow
      • QMS AP Workflow
  • Administration
    • Monitoring and Logging
    • Security
    • Performance Tuning
  • Extensions and Customizations
    • Plugins and Add-ons
  • Troubleshooting
    • Common Issues
    • FAQs
  • Release Notes
    • Version History
    • Upcoming Features
  • Support
    • Contact Information
    • Community
Powered by GitBook
On this page
  1. Core Concepts
  2. User Forms

Lowcode Form

PreviousUser FormsNextAdvanced User Form

Last updated 1 year ago

Lowcoder is a user-friendly tool that enables non-developers to create and manage UI forms through a drag-and-drop interface. This approach is suitable for users who prefer a visual design process without deep technical involvement.

Steps to Define a User Task Form UI using Lowcoder:

  • Access Lowcoder:

    • Launch the Lowcoder tool from your development environment or web platform.

  • Create a New Form:

    • Select the option to create a new form.

    • Provide a name and description for the form.

  • Design the Form:

    • Use the drag-and-drop interface to add form elements such as text fields, dropdown lists, checkboxes, and date pickers.

    • Configure element properties, such as variable bindings, default values, and validation rules, to ensure the form collects data accurately.

  • Link the Form to the Workflow:

    • Specify which user task in your workflow will utilize this form.

    • Map form outputs to workflow variables to ensure smooth data transition.

  • Preview and Test:

    • Use the preview feature to test the form’s functionality and layout.

    • Make adjustments as needed to optimize user interaction and data collection.

  • Deploy the Form:

    • Once satisfied with the form design, deploy it within your workflow environment.

    • Ensure it is accessible to users assigned to the corresponding user tasks.

Reference documentation:

https://docs.lowcoder.cloud/lowcoder-documentation
UI Form Design Page