Hello,
I have RadRibbonTab that I am binding an item source to. This item source contains a GroupName as well as a list of other items that can be used to create RadRibbonButtons. My problem is that I am seeing an extra separator after each RadRibbonGroup and I'm not sure why. If I try to create my own template for the RadRibbonGroup this extra separator goes away but I'd prefer to not have to do this. I've attached an image of what I'm seeing. What suggestions are there to get rid of this separator?
Here is the xaml in question:
<telerik:RadRibbonTab Header="Dynamic Display" x:Name="DisplayMenu" ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type local:RibbonViewContainer}}, Path=DisplayList}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<telerik:RadRibbonGroup Header="Test Header" ItemsSource="{Binding List}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<telerik:RadRibbonButton Size="{Binding Size}"
Text="Test Text"
Command="{Binding}"
CommandParameter="{Binding Text}"
LargeImage="{Binding Image}"
ToolTip="{Binding Tooltip}"
ClickMode="Press"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</telerik:RadRibbonGroup>
</DataTemplate>
</ItemsControl.ItemTemplate>
</telerik:RadRibbonTab>
There is a SeparatorStyle property in the RadRibbonGroup but there is no visual element (Separator) in the group which could be styled.
The border between the ribbon groups comes from the border in the GroupChrome. So, if you need to customize it, you can use a style targeting the GroupChrome and change some of its properties.
The telerikRibbonViewPrimitives comes from Telerik.Windows.Controls.RibbonView.Primitives namespace from the Telerik.Windows.Controls.RibbonView assembly.
<Window.Resources> <!-- If you use NoXaml dlls set the BasedOn property of the Style: BasedOn="{StaticResource GroupChromeStyle}" --> <Style TargetType="telerikRibbonViewPrimitives:GroupChrome"> <Setter Property="BorderThickness" Value="2"/> <Setter Property="BorderBrush" Value="Green"/> </Style></Window.Resources>