OOUI/Layouts/Booklets and Pages

A BookletLayout is a rich layout that contains PageLayouts as well as an outline (generated by an OutlineSelectWidget) that allows users to easily navigate through the pages and select which one to display. By default, only one page is displayed at a time and the outline is hidden. When a user navigates to a new page, the booklet widget automatically focuses on the first focusable element, unless the default setting is changed.

Optionally, booklets can be configured to show controls for adding, moving, and removing items.

In general, PageLayouts are highly customized for a specific application, and are built by extending the class to include the desired functionality. The example below uses two very simple pages to illustrate the BookletLayout and its behavior.