We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Problems adding Theme

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>


3 Replies

MS Mariappan S Syncfusion Team October 31, 2016 05:15 AM UTC

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. 



DE Dwayne Etchison October 31, 2016 08:31 PM UTC

Thanks works great


MS Mariappan S Syncfusion Team November 1, 2016 05:22 AM UTC

Hi Dwayne, 

Thanks for your update  

Please let us know if you need further assistance  

Regards, 
Mariappan S 


Loader.
Live Chat Icon For mobile
Up arrow icon