OOUI/Layouts

OOUI
Introduction
About the libraryOOUI/About the library OOjs primerOOUI/OOjs primer
Getting started
Creating interfaces programmaticallyOOUI/Creating interfaces programmatically PHP examplesOOUI/PHP examples Using OOUI in MediaWikiOOUI/Using OOUI in MediaWiki
Working with widgets
ElementsOOUI/Elements GroupElementsOOUI/Elements/Groups FlaggedElementsOOUI/Elements/Flagged LookupElementsOOUI/Elements/Lookup WidgetsOOUI/Widgets Icons, Indicators, and LabelsOOUI/Widgets/Icons, Indicators, and Labels Buttons and SwitchesOOUI/Widgets/Buttons and Switches Selects and OptionsOOUI/Widgets/Selects and Options InputsOOUI/Widgets/Inputs PopupsOOUI/Widgets/Popups Progress barsOOUI/Widgets/Progress bars LayoutsOOUI/Layouts Fields and FieldsetsOOUI/Layouts/Fields and Fieldsets FormsOOUI/Layouts/Forms Stacks and PanelsOOUI/Layouts/Stacks and Panels MenusOOUI/Layouts/Menu Layout Booklets and PagesOOUI/Layouts/Booklets and Pages Index and TabPanelsOOjs_UI/Index_and_TabPanels WindowsOOUI/Windows Simple messagesOOUI/Windows/Simple messages DialogsOOUI/Windows/Dialogs Process DialogsOOUI/Windows/Process Dialogs Message DialogsOOUI/Windows/Message Dialogs Window managersOOUI/Windows/Window managers ToolbarsOOUI/Toolbars Other conceptsOOUI/Concepts
See also
Fixing scripts and gadgetsOOUI/Fixing scripts and gadgets

Layouts do not emit events, but instead are used to arrange other widgets of arbitrary type in a way that is centrally controlled and can be updated dynamically. Layouts can also be—and usually are—combined. A form can be created by combining a FormLayout with a FieldsetLayout and FieldLayouts, for example, or a StackLayout can be used to display one PanelLayout at a time in the same region.

The library’s layouts include:

• FieldsetLayout,
• FieldLayout,
• FormLayout,
• PanelLayout,
• StackLayout,
• MenuLayout,
• PageLayout,
• BookletLayout,
• IndexLayout and
• TabPanelLayout.