configuring-slots

CanvasPanel slot configuration uses Anchors (Minimum/Maximum points) paired with Offsets (Left/Top/Right/Bottom values) to control element position and size. Map Blueprint anchor data to TypeScript CanvasPanelSlot properties, applying offsets relative to anchor positions for fixed sidebars, centered dialogs, and floating UI elements.

CanvasPanelSlot requires explicit anchor-to-offset mapping between Blueprint and TypeScript, while 18 other slot types map directly without this intermediate step. This special handling ensures precise layout control across responsive and fixed layouts in canvas-based UI systems.

Define Anchors as normalized points (0–1 range) on the canvas, then apply Offsets to shift from those anchor positions. Combine Minimum and Maximum anchors with Left/Top/Right/Bottom offsets to achieve fixed-position layouts, full-bleed elements, and responsive sizing.

Yes. CanvasPanelSlot supports responsive layouts through anchor-offset pairs: bottom toolbars anchor to (0.5, 1.0) with vertical offsets, floating buttons use point anchors with fixed offsets, and full-screen panels anchor corners to (0,0) and (1,1) with zero offsets.

CanvasPanelSlot LayoutData includes Anchors (Minimum/Maximum), Offsets (Left/Top/Right/Bottom), bAutoSize for dynamic sizing, and ZOrder for layering. These properties together define complete position, size, and depth control for canvas elements.

CanvasPanelSlot mapping rules differ between Blueprint visual anchors and TypeScript property assignment. Ensure Anchor values convert correctly as normalized coordinates, and Offset values apply relative to anchor positions—misalignment typically stems from incorrect anchor-offset pairing logic.