---
title: Ribbon Command Layouts
order: 400
seealso: []
---

# Ribbon Command Layouts

The ribbon command layout determines the arrangement of commands in the Ribbon bar. The Ribbon control supports two layouts: Classic and Simplified.

## Classic Command Layout

![ribbon-classic-command-layout](/docs/images/ribbon-classic-command-layout.png)

- The Ribbon bar is tall enough to display three rows of commands with small icons.
- Page group headers are visible
- Groups cannot be partially collapsed when the Ribbon is resized
- Support for inline galleries
- The default size of small icons is `16x16`. You can use the `RibbonControl.SmallGlyphSize` property to change the size of small icons. Large icons are twice the size of small icons.
- When the Ribbon is resized, the [adaptive layout feature](ribbon-items.md#adaptive-glyph-size-in-the-classic-command-layout) adjusts the size of icons — from large to small with text to small glyphs, and backwards.

  ![ribbon-adaptive-layout-change-size-of-icons](/docs/images/ribbon-adaptive-layout-change-size-of-icons.png)

## Simplified Command Layout

![ribbon-simplified-command-layout](/docs/images/ribbon-simplified-command-layout.png)

- Buttons are arranged in one row
- Page group headers are hidden
- Groups can be partially collapsed when the Ribbon is resized. Collapsed buttons are accessible from the group's dropdown menu.
- Galleries are displayed in dropdown menus
- The default size of icons in the Simplified Command Layout is `22x22`. Use the `RibbonControl.GlyphSizeInSimplifiedLayout` property to specify a custom icon size.

    ``` xml
    <mxr:RibbonControl GlyphSizeInSimplifiedLayout="32">
    ```

    ![ribbon-simplified-command-layout-large-buttons](/docs/images/ribbon-simplified-command-layout-large-buttons.png)

## Select a Command Layout

A user can switch between the Classic and Simplified views at runtime by clicking the Command Layout Selection button at the Ribbon's right bottom corner.

![ribbon-view-selection-button-command](/docs/images/ribbon-view-selection-button-command.png)

Set the `RibbonControl.IsCommandLayoutSelectionButtonVisible` option to `false` to hide this button.

The `RibbonControl.CommandLayout` property allows you to specify the command layout in code.

``` xml
<mxr:RibbonControl Name="ribbon" CommandLayout="Simplified">
    <!-- ... -->
</mxr:RibbonControl>
```