How to create an Application Menu

• Aug 01, 2019

In this example, an ApplicationMenu displays specific commands in the left pane. In addition, the right and bottom panes are assigned to the menu via the RightPane and BottomPane properties.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-a-ribboncontrol-e2201.

MainWindow.xaml

<dxr:RibbonControl.ApplicationMenu>
    <dxr:ApplicationMenu RightPaneWidth="280" ShowRightPane="True">
        <dxr:ApplicationMenu.ItemLinks>
            <dxb:BarButtonItemLink BarItemName="bNew"/>
            <dxb:BarButtonItemLink BarItemName="bOpen"/>
            <dxb:BarItemLinkSeparator/>
            <dxb:BarSplitButtonItemLink BarItemName="sbSave"/>
            <dxb:BarButtonItemLink BarItemName="bPrint"/>

            <dxb:BarItemLinkSeparator/>
            <dxb:BarButtonItemLink BarItemName="bAbout"/>
        </dxr:ApplicationMenu.ItemLinks>
        <dxr:ApplicationMenu.RightPane>
            <Border Background="White" BorderThickness="1,0,0,0" BorderBrush="LightGray">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Border BorderThickness="0,0,0,1" BorderBrush="LightGray" Margin="7,5,5,0">
                        <Label FontWeight="Bold">Recent Documents:</Label>
                    </Border>
                    <ListBox Grid.Row="1" BorderThickness="0" Margin="2,0,0,0" >
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Margin="0,2,0,0">
                                    <Border BorderThickness="0,0,0,1" BorderBrush="Black">
                                        <TextBlock Text="{Binding Number}"/>
                                    </Border>
                                    <TextBlock Text="{Binding FileName}" Margin="7,0,0,0"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                        <ListBox.Items>
                            <local:RecentItem  Number="1" FileName="Document4.rtf"/>
                            <local:RecentItem  Number="2" FileName="Document3.rtf"/>
                            <local:RecentItem  Number="3" FileName="Document2.rtf"/>
                            <local:RecentItem  Number="4" FileName="Document1.rtf"/>
                        </ListBox.Items>
                    </ListBox>
                </Grid>
            </Border>
        </dxr:ApplicationMenu.RightPane>
        <dxr:ApplicationMenu.BottomPane>
            <StackPanel Orientation="Horizontal">
                <Button Click="OptionsButton_Click" Content="Options" Width="100" Margin="0,0,10,0" />

                <Button Click="ExitButton_Click" Content="Exit" Width="100" />

            </StackPanel>
        </dxr:ApplicationMenu.BottomPane>
    </dxr:ApplicationMenu>
</dxr:RibbonControl.ApplicationMenu>