Side Panel

The Side Panel element creates a collapsible overlay drawer that slides in from the side of the form when triggered. It is a space-efficient pattern for surfacing supplementary information, contextual actions, or secondary form sections without navigating away from the main form or cluttering the primary layout.

The panel can be opened by the user clicking its trigger button (opensidepanelbuttontext) or programmatically via the open() method — and closed via the close() method or by clicking outside (closeonclickoutside). An optional overlay (hassidepaneloverlay) dims the background when the panel is open, focusing user attention on its contents.

Key Use Cases

•        Displaying record history or audit trail in a panel without leaving the form

•        Showing help documentation, instructions, or field-level guidance on demand

•        Surfacing a secondary action form (e.g., 'Add Attachment') without a full page change

•        Programmatically opening the panel when a specific event occurs (e.g., clicking a data row)

•        Using closeonclickoutside for panels that should dismiss easily vs. forcing explicit close

Runtime API — Attributes in Procesio Forms

All attributes below are accessible and modifiable at runtime via the element's data model in Procesio Forms. The open() and close() methods can also be called programmatically.

Programmatic Methods: