Adding a Node from the Palette

Description

This guide shows how to add fNode to the f-canvas using the fExternalItem directive. The directive allows placing elements outside the f-canvas and moving them onto it. It supports features like Preview and Placeholder elements to manage the visual representation during interactions. External items can be dragged onto the f-canvas while preserving predefined parameters using the fData attribute.

Directive Features

• fExternalItem — links an element to the canvas, enabling movement and integration into the overall structure.
• fPlaceholder and fPreview — provide mechanisms to add placeholder and preview elements.
• fPreviewMatchSize — synchronizes the size of the fExternalItem with its preview to ensure consistent display.

Example