BackstageTabItem with buttons refresh issue

Jun 24, 2010 at 3:50 PM

Hello,

I'm trying to design a "New" backstage like the Office 2010 one (with a choice of templates) using the latest Fluent Ribbon Control Suite available (51427).
In order to have a list of available templates, I use some Button controls composed of an image and a Label. Here is my issue, which is a visual issue :
When the button controls in the BackstageTabItem are pressed, the previously pressed buttons are keeping their blue selection stroke.

Here is a sample code to see the issue :

<fl:RibbonWindow
  x:Class="FrameButtons.FluentWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:fl="clr-namespace:Fluent;assembly=Fluent"
  xmlns:fb="clr-namespace:FrameButtons"
  MinWidth="200"
  MinHeight="200" 
  WindowStartupLocation="CenterScreen">
  
  <fl:RibbonWindow.Resources>
    <ResourceDictionary Source="pack://application:,,,/Fluent;Component/Themes/Office2010/Silver.xaml"/>
  </fl:RibbonWindow.Resources>

  <DockPanel Name="dockPanel" LastChildFill="True">
    <fl:Ribbon x:Name="ribbon" DockPanel.Dock="Top">
      <fl:Ribbon.BackstageItems>
        <fl:BackstageTabItem Name="menuNewBTN" Header="New">
          <!-- visual issue  -->
          <StackPanel>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
            <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
          </StackPanel>
        </fl:BackstageTabItem>
      </fl:Ribbon.BackstageItems>
    </fl:Ribbon>
    <!-- ok buttons -->
    <StackPanel>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
      <Button BorderBrush="Transparent" Background="Transparent">toto</Button>
    </StackPanel>
  </DockPanel>
</fl:RibbonWindow>

Is there a way to solve this issue ? Thanks for any idea.

Florent

Jun 30, 2010 at 8:05 AM

The problem occurs on Windows Vista and Seven but it works fine on XP.

Am I the only one to have this issue ?

Florent

Coordinator
Jun 30, 2010 at 8:52 AM

Could you provide us a screenshot?
Daniel

Jun 30, 2010 at 9:47 AM

Here is a screenshot of the New menu after clicking on each button : http://floyanami.free.fr/images/FluentButtons.png

Florent

Jul 9, 2010 at 7:56 AM

Does it help ?

Florent

Coordinator
Jul 9, 2010 at 8:21 AM

I suppose that the issue is in default button style & AdornerLayer... So I suggest you to create your own button style for Button rather than use default button style with transparent colors.

Daniel

Jul 13, 2010 at 8:06 AM

Thank you Daniel, I'll try that :)