Use this reference to understand what Framework 7 Sheet Modal Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Sheet Modal Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Backdrop | boolean | Attribute: backdrop |
| Close By Backdrop Click | boolean | Attribute: close-by-backdrop-click |
| Close By Outside Click | boolean | Attribute: close-by-outside-click |
| Close On Escape | boolean | Attribute: close-on-escape |
| Animate | boolean | Attribute: animate |
Actions
Open
Framework 7 Sheet Modal Open
| Configuration group |
Controls |
| Open Properties | Animate |
Close
Framework 7 Sheet Modal Close
| Configuration group |
Controls |
| Close Properties | Animate |
Step open
Framework 7 Sheet Modal Step open
| Configuration group |
Controls |
| Step open Properties | Action configuration group |
Step close
Framework 7 Sheet Modal Step close
| Configuration group |
Controls |
| Step close Properties | Action configuration group |
Step toggle
Framework 7 Sheet Modal Step toggle
| Configuration group |
Controls |
| Step toggle Properties | Action configuration group |
Dynamic Attributes
Backdrop
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Close By Backdrop Click
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Close By Outside Click
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Close On Escape
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Animate
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Open
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Opened
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Close
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Closed
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Step open
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
