Developer Docs - Mobile Docs - Cover Sheets

Sometimes you do not want to swap content into the current screen; you want to slide up a detail view over it. Hx.Target="coversheet" presents the response fragment in a cover sheet instead of swapping it in place.

coversheet is a reserved target name, alongside this. Both are case-insensitive.

A sheet is its own Helix scope

This is the part to plan around. The sheet is not part of the page it covers, and that has four consequences:

To update the presenting page from inside a sheet, use HX-Refresh or an X-Helix-Command header. See Endpoint Responses.

The title comes from the fragment

For a coversheet target this sets the sheet title. For a normal swap it sets the page title.

Putting Hx.PageTitle on the initiating element does nothing at all, silently. That is a decision, not an oversight: keeping the title server-controlled is better than a pile of Hx.CoverSheet.* properties on every button that opens a sheet. Put it on what you return.

Behaviors to expect

The general cover sheet guidance still applies: use them for secondary detail, and keep to one at a time.