Framework 7 Sheet Modal — Reference

Framework 7 Sheet Modal

Framework 7 Sheet Modal settings and events. Select the component in App Structure to find these controls in Properties.

Sheet Modal Properties

Name	Description
ID	Required. Default: "". Attribute: id.
Backdrop	Attribute: backdrop.
Close By Backdrop Click	Default: true. Attribute: close-by-backdrop-click.
Close By Outside Click	Default: false. Attribute: close-by-outside-click.
Close On Escape	Default: false. Attribute: close-on-escape.
Animate	Default: true. Attribute: animate.
Swipe To Close	Default: false. Attribute: swipe-to-close.
Swipe To Step	Default: false. Attribute: swipe-to-step.
Push	Default: false. Attribute: push.
Opened	Default: false. Attribute: opened.

Open

Name	Description
Animate	Default: "".

Close

Name	Description
Animate	Default: "".

Dynamic attributes

Name	Description
Backdrop	Choose dynamic data binding.
Close By Backdrop Click	Choose dynamic data binding.
Close By Outside Click	Choose dynamic data binding.
Close On Escape	Choose dynamic data binding.
Animate	Choose dynamic data binding.
Swipe To Close	Choose dynamic data binding.
Swipe To Step	Choose dynamic data binding.
Push	Choose dynamic data binding.
Opened	Choose dynamic data binding.
Params	Choose dynamic data binding.

Dynamic events

Name	Description
Open	Action: Choose the action to execute.
Opened	Action: Choose the action to execute.
Close	Action: Choose the action to execute.
Closed	Action: Choose the action to execute.
Step open	Action: Choose the action to execute.
Step close	Action: Choose the action to execute.
Step progress	Action: Choose the action to execute.