Docs / Flyout Builder

Creating your first flyout

A slide-in panel built from the same widget tree as any page.

Go to Craftor → Flyouts → Add New. Design the panel's content in the same editor used for pages — any widget, any layout — then configure its Direction, Trigger, Frequency, and Design settings in the flyout's own settings panel.

A flyout slides in from whichever edge you choose (left, right, top, or bottom) as an overlay on top of the page — the page's own content never shifts or resizes to make room for it.

Unlike a popup, a flyout has no separate entrance/exit animation setting — the slide direction is the animation. Its Size field doubles as either width (left/right) or height (top/bottom), relabeled automatically based on the direction you pick.