WPF RibbonWindow Background ImageBrush disables window minimise and close buttons

Question

0.00/5 (No votes)

See more:

Hi,
I am having problems with the Microsoft RibbonWindow in VS2010 when setting a background image. The close (X) button seems to be covered by the image - even if maximised so the buttons are visible unexpected things happen when clicking. (right clicking seems to work).

AXML Code below creates the problem. Removing the Grid.Background
tag solves it. But I would like to keep the image - any suggestions?

I've posted a similar question on the WPF forum at Microsoft Social in case it is unexpected behaviour[^]

axml

<ribbon:RibbonWindow x:Class="TestButtons.Images.RibbonWindow1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary"
        Title="RibbonWindow1"
        x:Name="Window"
        Width="640" Height="480">
    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <ImageBrush TileMode="None" ImageSource="MyImage.JPG" Stretch="None" AlignmentX="Left" AlignmentY="Top" />
        </Grid.Background>

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

         <ribbon:Ribbon x:Name="Ribbon">
            <ribbon:RibbonTab x:Name="HomeTab"
                              Header="Home">
                <ribbon:RibbonGroup x:Name="Group1"
                                    Header="Group1">

                </ribbon:RibbonGroup>

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

Posted 3-Jun-11 6:44am

Erik Rude

Updated 5-Jun-11 23:41pm

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Erik Rude · Accepted Answer · 2011-06-06T22:31:00

The answer given by Bob Bao [MSFT] was to put the background image in a rectangle with IsHitTestVisible set to false.
basically

XML

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

<Rectangle IsHitTestVisible="False" Grid.RowSpan="2" Margin="0,22,0,0">
    <Rectangle.Fill>
        <ImageBrush TileMode="Tile" ImageSource="images/MyImage.JPG" Stretch="None" AlignmentX="Left" AlignmentY="Top" />
    </Rectangle.Fill>
</Rectangle>     
<ribbon:Ribbon x:Name="Ribbon">

Lee Holden · Accepted Answer · 2011-07-05T00:46:00

Solution 2

Add your image to the ribbon window instead of the grid:

<ribbon:ribbonwindow ...="" xmlns:ribbon="#unknown">
   <ribbon:ribbonwindow.background>
      <imagebrush tilemode="None" imagesource="MyImage.JPG" stretch="Fill" />
   </ribbon:ribbonwindow.background>

   <grid>
   .
   .
   .
   </grid>
</ribbon:ribbonwindow>

Posted 5-Jul-11 0:46am

Lee Holden

Comments

Erik Rude 20-Jan-12 11:21am

The only issue with this solution is that it does not cover the Windows bar at the top.