Skip to Main Content

Overview

A drawer is an overlay window positioned attached to the side of the same browser window. A drawer remains active and focused until the user has finished with it and closes it. While a drawer is active, the user is unable to interact with the rest of the page until the drawer is closed.

Set Modal Dialog as the Page Mode under Page Definition.

Demo

Region Positions

Drawer Header
This region position is anchored to the top and is useful for components such as a wizard progress bar.

Content Body
Place all of your content regions in this position.

Drawer Footer
This region position is anchored to the bottom of the Drawer and is useful for placing buttons using the Buttons Container region template.