Rendering issues with latest RibbonView?

[Rob]

Before I investigate further...  is anybody else having rendering issues with the most recent version of the Ribbon control?  I had some styles that worked properly before the upgrade (v2012.3.1023.1050) but after upgrading to v2012.3.1411.1050.

See my attached image.  Notice the groups seem to collapse their contents (not sure if that's what's actually happening or not) and that there are some remnant controls located up near the tabs...  As soon as I change the selected tabs these remnants dissappear.

(I know this is vague... Just wondering if anybody can save me some time before I pull this all apart)

Thanks,
Rob

[Rob]

Aha...  Part of the solution.  it seems the "RadButtonGroup" has been changed into an ItemsPresenter control so my existing style doesn't work:

OLD:

<Style x:Key="RadButtonGroupStyle" TargetType="telerik:RadButtonGroup">
   <Setter Property="BorderBrush" Value="#FFD4D4D4" />
   <Setter Property="Background" Value="Transparent" />
   <Setter Property="BorderThickness" Value="1" />
   <Setter Property="Template">
      <Setter.Value>
         <ControlTemplate TargetType="telerik:RadButtonGroup">
            <Border BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="1">
               <Grid>
                  <Primitives1:ButtonGroupPanel x:Name="Panel" DividerDarkBrush="#BBD4D4D4" DividerLightBrush="#11EFEFEF" />
               </Grid>
            </Border>
         </ControlTemplate>
      </Setter.Value>
   </Setter>
</Style>

NEW:

<Style x:Key="RadButtonGroupStyle" TargetType="telerik:RadButtonGroup">
   <Setter Property="Background" Value="Transparent"/>
   <Setter Property="BorderBrush" Value="FFD4D4D4"/>
   <Setter Property="BorderThickness" Value="1"/>
   <Setter Property="IsTabStop" Value="False"/>
   <Setter Property="ItemsPanel">
      <Setter.Value>
         <ItemsPanelTemplate>
            <Primitives1:ButtonGroupPanel/>
         </ItemsPanelTemplate>
       </Setter.Value>
    </Setter>
    <Setter Property="VerticalAlignment" Value="Center"/>
    <Setter Property="Template">
       <Setter.Value>
          <ControlTemplate TargetType="telerik:RadButtonGroup">
             <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="2">
                <Grid>
                   <ItemsPresenter />
                </Grid>
             </Border>
          </ControlTemplate>
       </Setter.Value>
    </Setter>
 </Style>

[Kiril Vandov]

Hello Rob,

We changed the RadButtonGroup into an ItemsPresenter and the "visibility" problem is caused by the custom style as you found out on your own. I also noticed that you are using Windows8Theme and we made major improvements for that theme during this release cycle. This is why it will be better if you can wait for the upcoming release and upgrade your solution accordingly.
 
As for the visual problems located near the tabs we were not able to reproduce them on our side and I would like to ask if it is possible for you to try the new binaries and see if the issue is still reproducible.

Please excuse us for any inconvenience.

Kind regards,
Kiril Vandov
the Telerik team

[Rob]

I figured out the problem with the remnants showing up in above the tabs...

In my original "RadRibbonTab" style, I had:

<Grid x:Name="ContentPanel" Visibility="{TemplateBinding Visibility}" Width="0">
   <Primitives1:RibbonScrollViewer x:Name="TabItemsScrollViewer" >
      <ItemsPresenter HorizontalAlignment="Left"/>
   </Primitives1:RibbonScrollViewer>
</Grid>

And noticed that the remnants appeared as soon as the "InnerBorder" was replaced:

<Grid x:Name="ContentPanel" Visibility="{TemplateBinding Visibility}" Width="0">
   <Border x:Name="InnerBorder" BorderBrush="Transparent" BorderThickness="1">
      <Primitives1:RibbonScrollViewer x:Name="TabItemsScrollViewer" >
         <ItemsPresenter HorizontalAlignment="Left"/>
      </Primitives1:RibbonScrollViewer>
   </Border>
</Grid>

[Kiril Vandov]

Hello Rob,

We are glad that you found way to resolve the visual glitch you had experienced previously. Please do not hesitate to ask if you have further questions.

Kind regards,
Kiril Vandov
the Telerik team