Unwanted lines from RadOrderedWrapPanel and RadRibbonView

[Chris]

Hi, I have two lines from the wrap panel and from the ribbon view which do not seem to be effected by border / brush was wondering how I can get rid of them.
xaml -

<telerik:RadRibbonView TitleBarVisibility="Collapsed" ApplicationButtonVisibility="Collapsed" QuickAccessToolBarPosition="NotHosted" Height="80" Background="White">
            <telerik:RadRibbonView.Resources>
                <telerik:FontFamiliesProvider x:Key="FontFamiliesProvider"/>
            </telerik:RadRibbonView.Resources>
            <telerik:RadOrderedWrapPanel>
                     .....................
                     .....................
            </telerik:RadOrderedWrapPanel>
</telerik:RadRibbonView>

[Kiril Vandov]

Hello Chris,

The RadOrderedWrapPanel is used to align in a particular way the items placed inside it and it does not add any borders. That is why I am not sure which border you want to remove, In my opinion you want to remove the border from the GroupChrome but I am not sure. That is why I would like you to provide us with a sample project and a screenshot in full height of the ribbon, doing so will help us better understand your scenario and provide you with the best possible solution.

Looking forward to hearing from you.

Kind regards,
Kiril Vandov
Telerik

 

 

[Chris]

Hi Kiril, 
I assumed it was the wrap panel as it acts like a tab and stays selected - attachments provided 
I can work on making a sample project but in the meantime how would I remove the border from the GroupChrome / the RadRichTextBoxRibbonUI / RadRibbonView assuming it is that I meant.
Thanks
- Chris

[Chris]

Additionally the 'tab' turns yellow when selecting the outside
Then transparent (as required) 

[Kiril Vandov]

Hello Chris,

Thank you for the provided pictures.
It appears that you are using a RadOrderedWrapPanel as a direct child in the RibbonView Items collection, that is why the RibbonView control is not visualized correctly. The RadRibbonView Items collection is supposed to be populated with a RadRibbonTab's. If you add any other object in the Items collection that item is automatically wrapped in a RadRibbonTab and is set to its Header property (the default behavior for HeaderContentControl). You could find more information about the usage of the RadRibbonView control in this article.

The structure you need to use is like follows:

<telerik:RadRibbonView >
    <telerik:RadRibbonTab Header="Home">
        <telerik:RadRibbonGroup Header="Clipboard">
           <telerik:RadOrderedWrapPanel>
                     .....................
                     .....................
            </telerik:RadOrderedWrapPanel>
        </telerik:RadRibbonGroup>
    </telerik:RadRibbonTab>
    <telerik:RadRibbonTab Header="View" />
</telerik:RadRibbonView>

Please let us know if you need further assistance.

Regards,
Kiril Vandov
Telerik

 

 

[Chris]

Ah, I see, now I am getting the error "Specified element is already the logical child of another element. Disconnect it first."
is this because I have the UI wrapped as follows:

<telerik:RadRichTextBoxRibbonUI x:Name="RadRibbon"  BorderBrush="Transparent" Background="Transparent" TitleBarVisibility="Collapsed" ApplicationButtonVisibility="Collapsed"  QuickAccessToolBarPosition="NotHosted" Height="80">
                        <ContentControl  Content="{Binding}" ContentTemplateSelector="{StaticResource RichTextRibbonTemplateSelector}"  />
</telerik:RadRichTextBoxRibbonUI>

This then selects the

<telerik:RadRibbonView >    
<telerik:RadRibbonTab Header="Home">
..........
..........

Also, is there a way to hide / collapse the Ribbon Tab as the desired view is just the commands with a transparent background - or am I better off not using a ribbon and just wrapping the controls in like a stack panel ?

[Chris]

Ok, so I have fixed the issue I was having by setting the IsMinimized property to true on the RadRichTextRibbonUI however one final question if that is ok - when you move your mouse into a minimized item it highlights it in gold / yellow * screen shots provided *
- how can you cancel this event? I have tried using the mouse enter event handler and calling e.ishandled with no luck.

[Kiril Vandov]

Hello Chris,

The RadRichTextBoxRibbonUI inherits and extends the RadRibbonView control that is why you need to follow the same structure, you don't need to add RibbonView inside the RadRichTextBoxRibbonUI :

<telerik:RadRichTextBoxRibbonUI>
    <telerik:RadRibbonTab Header="Home">
        <telerik:RadRibbonGroup Header="Clipboard">
           <telerik:RadOrderedWrapPanel>
                     .....................
                     .....................
            </telerik:RadOrderedWrapPanel>
        </telerik:RadRibbonGroup>
    </telerik:RadRibbonTab>
    <telerik:RadRibbonTab Header="View" />
</telerik:RadRichTextBoxRibbonUI>

You can set the TitleBarVisibility and ApplicationButtonVisibility of the RadRichTextBoxRibbonUI  to hive these elements from your UI and if you have only one tab you could set its MaxHeight property to 0 and the header of the tab will not be displayed.

I hope this information helps.

Regards,
Kiril Vandov
Telerik