Skip to main content
Open Sheet Action

An action that opens a page as a native sheet.

Updated over 2 weeks ago

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

Videos

Did this answer your question?