Foblex Flow
Help in Positioning (Deprecated)
Description
This example documents an older approach to positioning helpers in Foblex Flow for Angular. It is kept for reference and backward compatibility, but it is not the recommended starting point for new projects.
For the current and improved UX, use:
- Magnetic Lines for snap lines and alignment guides
- Magnetic Rects for equal spacing hints and snapping
Example
[component.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/help-in-positioning/help-in-positioning.component.html [component.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/help-in-positioning/help-in-positioning.component.ts [component.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/help-in-positioning/help-in-positioning.component.scss [common.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/_flow-common.scss
What this legacy example demonstrates
- Basic help while dragging for aligning nodes
- A minimal setup inside
<f-flow>using the older implementation
If you are building a modern node editor, prefer Magnetic Lines and Magnetic Rects instead. This legacy page stays noindex on purpose because the newer examples are the correct recommendation for search traffic and new implementations.