DB Management

Example

This example shows how to build a database-oriented workflow surface with Foblex Flow. It combines nodes, connections, forms, context menus, and CRUD-style editing patterns into a richer editor that feels closer to a production back-office tool than a minimal diagram demo.

Possibilities

• Connect nodes using the f-connection-for-create component.
• Reassign connections and use snap behavior.
• Move nodes and pan the canvas.
• Zoom with the fZoom directive.
• Add a background, alignment helpers, multi-select, and a minimap.
• Combine the graph with Angular Material context menus, inputs, selects, and form validation.
• Create, update, and delete nodes and connections.

When to use it

This example is useful when you need proof that Foblex Flow can sit inside a broader CRUD-oriented Angular screen instead of living as an isolated canvas.

Source Code

The source code for this example can be found in the GitHub repository.