FullscreenDialog
A FullscreenDialog is a modal dialog that occupies the entire screen, typically used for complex forms or detailed content that requires more space than a standard dialog. It includes a header with a close button, title, and action buttons.
Properties
Section titled “Properties”actions
Section titled “actions”[string] default: ""
An array of text labels for action buttons displayed in the header. These buttons appear on the right side of the header.
has-focus
Section titled “has-focus”bool default: false
Whether the dialog has focus.
string default: ""
The title text displayed in the header of the fullscreen dialog.
Callbacks
Section titled “Callbacks”action-clicked(index: int)
Section titled “action-clicked(index: int)”Invoked when an action button is clicked. The index parameter indicates which action button was clicked (0-based).
Behavior
Section titled “Behavior”- The dialog can be closed by clicking the close button (×) in the top-left corner
- Pressing the Escape key will also close the dialog
- The dialog has a fade-in animation when opened
- The dialog prevents interaction with content behind it (modal behavior)
- Content can be added as children and will appear in the main content area below the header
focus()
Section titled “focus()”Focuses the dialog.
clear-focus()
Section titled “clear-focus()”Clears the focus from the dialog.
© 2025 SixtyFPS GmbH