RibbonButton неправильно выравнивается в ленточном контроле в WPF

Question

Я создаю Ribbon Control для своего приложения и для которого я уже написал большую часть кода.Единственная проблема, с которой я сталкиваюсь, заключается в том, что кнопки ленты, которые я добавляю на вкладки, не выравниваются должным образом на вкладке.Как вы можете видеть на снимке экрана, кнопка выравнивается по нижней части вкладки.Как я могу вывести эти кнопки наверх, чтобы они были видны.

Вот как выглядит мое приложение

Код XAML ниже

<UserControl x:Class="SongPurifier.UserControls.RibbonControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:ribbon="http://schemas.microsoft.com/winfx/2006/xaml/presentation/ribbon"
        >
<Grid>
    <ribbon:Ribbon x:Name="ribbon" VerticalAlignment="Top">
        <ribbon:RibbonTab Header="Home">
            <ribbon:RibbonSplitButton  
                Label="Open" 
                LargeImageSource="/Images/Folder Open.png"
                Command="{Binding OpenFolderCommand}">
            </ribbon:RibbonSplitButton>
        </ribbon:RibbonTab>

        <ribbon:RibbonTab Header="Edit" >
            <ribbon:RibbonButton Label="Replace String" 
                                 LargeImageSource="/Images/Find Replace.png"
                                 Command="{Binding EditSongInfoCommand}"
                                 >
            </ribbon:RibbonButton >

            <ribbon:RibbonButton Label="Update Song Info"
                                 LargeImageSource="/Images/Update.png"
                                 Command="{Binding UpdateSongInfoCommand}"
                                 >
            </ribbon:RibbonButton>
        </ribbon:RibbonTab>
        <ribbon:RibbonTab Header="Update" >
            <ribbon:RibbonButton 
                Label="Check for Update" >

            </ribbon:RibbonButton>
        </ribbon:RibbonTab>
    </ribbon:Ribbon>
</Grid>

Answer 1

Сачин: Поместите свои кнопки ленты внутри RibbonGroup.

<my:RibbonTab Header="Home">
    <my:RibbonGroup Header="File">
        <ribbon:RibbonSplitButton  
            Label="Open" 
            LargeImageSource="/Images/Folder Open.png"
            Command="{Binding OpenFolderCommand}">
        </ribbon:RibbonSplitButton>
    </my:RibbonGroup>
</my:RibbonTab>