Backstage does not obscure whole UI when ribbon is minimized.

Ribbon for WPF Forum

Posted 7 years ago by Max Palmer
Version: 16.1.0635
Platform: .NET 4.5
Environment: Windows 10 (64-bit)
Avatar

1. Minimise the ribbon

2. Press the backstage button.

3. There is a horizontal strip that is drawn over the top of the backstage view, making it useless.

Comments (3)

Posted 7 years ago by Actipro Software Support - Cleveland, OH, USA
Avatar

Hi Max,

I just tried this in our main Ribbon demo in the latest v2016.1 build 635 and didn't see any problems.  Are you sure you are trying this on the latest build?  If not, can you tell us exactly which build of the WPF Controls you are on and what operating system?  Can you also post a link to a screenshot showing the problem?  Thanks!


Actipro Software Support

Posted 7 years ago by Max Palmer
Avatar

I'm using version 16.1.630.0 of the Ribbon. In truth we only need the backstage behaviour, not the ribbon tab behaviour - so we only had a file menu with the ribbon always minimised.

Code below:

<ribbon:RibbonWindow x:Class="WindInspectorDesktop.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:themes="http://schemas.actiprosoftware.com/winfx/xaml/themes"
        xmlns:shared="http://schemas.actiprosoftware.com/winfx/xaml/shared"
        xmlns:ribbon="http://schemas.actiprosoftware.com/winfx/xaml/ribbon"
        xmlns:prism="http://prismlibrary.com/"
        xmlns:userInterfaceInfrastructure="clr-namespace:WindInspector.Infrastructure.UserInterface;assembly=WindInspector.Infrastructure.UserInterface"
        prism:ViewModelLocator.AutoWireViewModel="True"
       	themes:ThemeManager.Theme="MetroWhiteBlue"
        Foreground="Black"             
        Title="{Binding Title}" Height="350" Width="525"
        ApplicationName="{Binding Title}">


    <Window.Resources>

        <!-- Styles for Backstage content -->

        <Style x:Key="ContentBoxBorderStyle" TargetType="Border">
            <Setter Property="Padding" Value="7" />
            <Setter Property="VerticalAlignment" Value="Top" />
        </Style>

        <LinearGradientBrush x:Key="DottedHorizontalSeparatorBrush" StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="#c7c8c9" Offset="0.5" />
            <GradientStop Color="Transparent" Offset="0.501" />
        </LinearGradientBrush>

        <LinearGradientBrush x:Key="LargeVerticalSeparatorBrush" StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="#00d7d7d7" Offset="0" />
            <GradientStop Color="#d7d7d7" Offset="0.1" />
            <GradientStop Color="#d7d7d7" Offset="0.9" />
            <GradientStop Color="#00d7d7d7" Offset="1" />
        </LinearGradientBrush>

    </Window.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <ribbon:Ribbon x:Name="ribbon" DockPanel.Dock="Top" IsApplicationMenuOpenChanged="OnIsApplicationMenuOpenChanged"
                   Grid.Row="0" Panel.ZIndex="255">

            <!-- Tab Panel Items (Appear next to the tabs) -->
            <!--<ribbon:Ribbon.TabPanelItems>
                <ribbon:ToggleMinimizationButton />
            </ribbon:Ribbon.TabPanelItems>-->

            <ribbon:Ribbon.ApplicationMenu>

                <!-- Backstage (Could alternatively use ApplicationMenu control) -->
                <ribbon:Backstage x:Name="appMenu">

                    <!-- NOTE: Put your own background watermark here
					<ribbon:Backstage.Background>
						<ImageBrush ImageSource="/Resources/Images/BackstageBackground.png" Stretch="None" TileMode="None" AlignmentX="Right" AlignmentY="Bottom" />
					</ribbon:Backstage.Background>
					-->

                    <ribbon:BackstageTab Header="New" x:Name="newBackstageTab" KeyTipAccessText="N">
                        <DockPanel>
                        </DockPanel>
                    </ribbon:BackstageTab>

                    <ribbon:BackstageTab Header="Open" KeyTipAccessText="O">
                    </ribbon:BackstageTab>

                </ribbon:Backstage>

            </ribbon:Ribbon.ApplicationMenu>

        </ribbon:Ribbon>
        
        <TabControl prism:RegionManager.RegionName="{x:Static userInterfaceInfrastructure:RegionNames.MainView}"  Panel.ZIndex="254" Grid.Row="1"/>
    </Grid>

</ribbon:RibbonWindow>

 This is what we see after the ribbon is minimised and the backstage invoked:

https://i.imgsafe.org/0aa2245a9a.png

Posted 7 years ago by Actipro Software Support - Cleveland, OH, USA
Avatar

Hi Max,

Can you make a new simple sample project (no Prism) that shows the issue happening and email that to our support address.  Please reference this thread in your email and rename the .zip file extension of what you send so it doesn't get spam blocked.  Then we'll have a look at what is happening.  If you can do this soon, it would be appreciated since a probable final 2016.1 maintenance release is near.  Thanks!


Actipro Software Support

The latest build of this product (v24.1.1) was released 2 months ago, which was after the last post in this thread.

Add Comment

Please log in to a validated account to post comments.