Skip to main content

​
Overview

Open Sheet actions open a page as a native sheet/modal on top of the user’s current page. You can customize how the sheet looks: its detents (heights), corner radius, and grabber visibility. You can also customize how the sheet behaves: if the content is scrollable, if the user can interact with the original page under the modal, and if the user can dismiss the modal by swiping down.

​
Action Properties

​
Page

Select the page to open as a sheet.

​
Style

Set the sheet’s style to Page or Form:
  • Page: A customizable sheet, typically with navigable page content.
  • Form: A less customizable sheet that is specifically designed for input forms. The following properties are not available for form sheets.

​
Detents

Set the four possible sheet heights as medium, large, custom, or none (for Page style sheets only):
  • Medium: The modal uses the native iOS medium detent size.
  • Large: The modal uses the native iOS large detent size.
  • Custom: The modal uses a custom point value or percent of the device height as the detent size. You can use the Expression Editor for advanced detents.
  • None: If you do not want four detents, set the unused detents to none.

​
Start Detent

Set the sheet’s initial detent. The sheet starts at a medium detent by default. (for Page style sheets only)

​
Corner Radius

Set the corner radius of the sheet’s top two corners. (for Page style sheets only)

​
Grabber

Set if the sheet’s grabber is displayed. (for Page style sheets only)

​
Prevent Dismissal

Set if the user can dismiss the sheet by swiping down. (for Page style sheets only)

​
Always Scrollable

Set if the sheet’s content can be scrolled. (for Page style sheets only)

​
Interaction Beneath

Set if the user can interact with content on the page beneath the sheet. (for Page style sheets only)

​
Resources

Projects

Bottom Drawer Template

Open Sheet Template