🧰 Designing User Interface (Introduction) — BizFlowEngine

BizFlowEngine provides comprehensive tools for designing custom UIs. These UIs can include various object types such as textboxes, dropdowns, checkboxes, date/time pickers, tables, and more. The platform also supports integration with external systems, role-based UI group restrictions, and detailed workflow/authorization cycles.

---

🧱 UI Structure in BizFlowEngine

A UI in BizFlowEngine is composed of:

• Sub UIs
• Sections
• File Upload Objects

🔹 Sections

Sections are containers that group related objects and tables. You can add multiple sections to a UI depending on its purpose.

🔸 Objects

Objects are the building blocks of a UI. They are added within sections and include:

• Label: Displays static field values
• Text Box: For single-line text input
• Text Area: For multi-line text input
• Drop Down: For selecting from predefined values
• Check Box: For true/false or yes/no input
• Date Picker: For selecting dates
• Time Picker: For selecting time
• Selection Table View: For linked field input with configurable detail

📊 Tables/Grids

Tables allow tabular data input. They are collections of objects and support all object types listed above. You can add as many objects as needed within a table.

📁 File Upload Section

This section enables users to upload files. Files are stored in the database in Base64 format, which increases database size. Use this feature judiciously to manage storage efficiently.

---

🧬 Sub UIs and Hierarchical Design

BizFlowEngine supports hierarchical UI design through Sub UIs. For example:

• A Delivery Note UI can depend on a Purchase Order
• A Purchase Order can depend on a Demand Note

You can create multi-level UI hierarchies using Sub UIs.

---

🔗 Integration Capabilities

BizFlowEngine supports four types of integration:

1. With Other Systems via Code

• A .NET Core API controller is triggered upon request authorization.
• Developers map UI fields to external system databases or APIs.

2. Internal Integration (Within BizFlowEngine)

• Link UIs internally (e.g., public-facing UI to back-office UI).
• Useful for multi-step workflows within the platform.

3. External System Integration Using BizFlowEngine Workflow

• External systems can trigger BizFlowEngine workflows via built-in APIs.
• Once authorized, BizFlowEngine sends status updates back to the external system.

4. Direct External Database Access

• Directly connect to external databases (2 MySQL + 2 MSSQL supported by default).
• Used for configuring system fields or fetching external data into UIs.
• Additional database types can be added on demand.

---

🔐 UI Groups and Designer Access

• UI Groups act as folders in the menu bar.
• Designers can only modify UIs within groups they are assigned to.
• This ensures secure and organized UI development.

---

✅ Summary

• Design UIs with flexible object types and layout structures.
• Use sections, tables, and sub UIs to build scalable interfaces.
• Integrate with internal and external systems.
• Manage designer access via UI groups.
• Apply workflows and authorization cycles for secure operations.

---

© BizFlowEngine — Build Interfaces That Work the Way You Do