Problems adding Theme

[Dwayne Etchison]

I have added the "Lime" theme by following the instructions in the documentation, however when i do this you can see the "original window" chrome around it, and it doesn't act normally. 

if instead i do syncfusion:SkinStorage.VisualStyles="Office2013" then it goes to the full white and blue theme, but then i cannot apply a color scheme. I must be missing something. here is the XAML and a screenshot. I also have in code to apply globally to interface.

<syncfusion:RibbonWindow x:Class="F9WB4.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:F9WB4"

        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"

        xmlns:syncfusionskin ="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"

        syncfusionskin:SfSkinManager.VisualStyle="Lime"

        Icon="Resources/Icons/Frontiericon.ico"

        Loaded="Ribbonwindow_Loaded"

        mc:Ignorable="d"

        Title="F9WB: Frontier Weight and Balance V4" Height="600" Width="800">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="105"/>

            <RowDefinition/>

        </Grid.RowDefinitions>

        <syncfusion:Ribbon x:Name="_ribbon" VerticalAlignment="Top">

            <syncfusion:RibbonTab Caption="Fleet"  IsChecked="True">

                <syncfusion:RibbonBar Name="NewFleet" Width="90"  Header="New">

                    <syncfusion:RibbonButton SizeForm="Large" LargeIcon="Resources/Icons/New.ico" Label="New Aircraft"/>

                    <syncfusion:RibbonButton SizeForm="Large" Label="New Type"/>

                </syncfusion:RibbonBar>

                <syncfusion:RibbonBar Name="Manage" Width="160"  Header="Manage">

                    <syncfusion:RibbonButton HorizontalContentAlignment="Center" SizeForm="Large" Label="Manage Aircraft" VerticalAlignment="Center"/>

                    <syncfusion:RibbonButton HorizontalContentAlignment="Center" SizeForm="Large" Label="Manage Types"/>

                    <syncfusion:RibbonButton HorizontalContentAlignment="Center" SizeForm="Large" Label="Manage Op Configs"/>

                </syncfusion:RibbonBar>

            </syncfusion:RibbonTab>

            <syncfusion:RibbonTab Caption="Weighs"  IsChecked="False">

                <syncfusion:RibbonBar Name="Weighs" Width="90" Header="Weighs">

                    <syncfusion:RibbonButton SizeForm="Large" Label="New Weigh"/>

                    <syncfusion:RibbonButton SizeForm="Large" Label="Edit Weigh"/>

                </syncfusion:RibbonBar>

                <syncfusion:RibbonBar Width="120" Header="Modifications">

                    <syncfusion:RibbonButton SizeForm="Large" Label="Add Modification"/>

                    <syncfusion:RibbonButton SizeForm="Large" Label="Edit Weigh"/>

                </syncfusion:RibbonBar>

            </syncfusion:RibbonTab>

            <syncfusion:RibbonTab Caption="Reports"  IsChecked="False">

                <syncfusion:RibbonBar Width="100" Header="Aircraft">

                    <syncfusion:RibbonButton SizeForm="Large" Label="Weigh Report"></syncfusion:RibbonButton>

                    <syncfusion:RibbonButton SizeForm="Large">

                        <syncfusion:RibbonButton.Label>W &amp; B Summary</syncfusion:RibbonButton.Label>

                    </syncfusion:RibbonButton>

                </syncfusion:RibbonBar>

                <syncfusion:RibbonBar Width="60" Header="Fleet">

                    <syncfusion:RibbonButton SizeForm="Large" Label="Fleet Report"></syncfusion:RibbonButton>

                </syncfusion:RibbonBar>

            </syncfusion:RibbonTab>

            <syncfusion:Ribbon.BackStage>

                <syncfusion:Backstage>

                    <syncfusion:BackStageCommandButton Header="Logout" />

                    <syncfusion:BackStageSeparator/>

                    <syncfusion:BackStageCommandButton Header="Exit" />

                </syncfusion:Backstage>

            </syncfusion:Ribbon.BackStage>

        </syncfusion:Ribbon>

        <syncfusion:DockingManager x:Name="SyncDockingManager" UseDocumentContainer="True" Grid.Row="1" DockToFill="True" ContainerMode="TDI" SwitchMode="VistaFlip" Margin="0,0,0,30" Loaded="Dockingmanager_Loaded" >

            <ContentControl x:Name="MainPageWindow" syncfusion:DockingManager.Header="Main Page" syncfusion:DockingManager.State="Document" syncfusion:DockingManager.CanClose="False" syncfusion:DockingManager.ShowFloatingMenuItem="False" syncfusion:DockingManager.ShowDockableMenuItem="False">

                <Frame Name="MainPageWindowFrame"></Frame>

            </ContentControl>

        </syncfusion:DockingManager>

        <StatusBar Height="30" Margin="0" Grid.Row="1" VerticalAlignment="Bottom"/>

    </Grid>

</syncfusion:RibbonWindow>

[Mariappan S]

Hi Dwayne, 

Thank you for contacting Syncfusion support. 

Query: “you can see the "original window" chrome around it” 

To avoid this issue we suggest you to set RibbonWindow “IsGlassActive” property to “False” and this property is used to show the OS window. We have prepared sample based on your code with “IsGlassActive” property to “False” . 

Please download the sample from the below link 

Sample link: RibbonSample
 

Regards, 

Mariappan S. 

[Dwayne Etchison]

Thanks works great

[Mariappan S]

Hi Dwayne, 

Thanks for your update  

Please let us know if you need further assistance  

Regards, 

Mariappan S