Extra separator showing up in RadRibbonGroup

0 Answers 57 Views
RibbonView and RibbonWindow
Giuliano
Top achievements
Rank 1
Giuliano asked on 18 Aug 2023, 11:16 PM | edited on 18 Aug 2023, 11:23 PM

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>

Dinko
Telerik team
commented on 22 Aug 2023, 11:02 AM

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>

 

No answers yet. Maybe you can help?

Tags
RibbonView and RibbonWindow
Asked by
Giuliano
Top achievements
Rank 1
Share this question
or