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>
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>
7 Answers, 1 is accepted
0
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
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
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
0
Chris
Top achievements
Rank 1
answered on 14 May 2014, 01:16 PM
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
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
0
Chris
Top achievements
Rank 1
answered on 14 May 2014, 02:30 PM
Additionally the 'tab' turns yellow when selecting the outside
Then transparent (as required)
Then transparent (as required)
0
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:
Please let us know if you need further assistance.
Regards,
Kiril Vandov
Telerik
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
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
0
Chris
Top achievements
Rank 1
answered on 15 May 2014, 10:17 AM
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 ?
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 ?
0
Chris
Top achievements
Rank 1
answered on 15 May 2014, 03:14 PM
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.
- how can you cancel this event? I have tried using the mouse enter event handler and calling e.ishandled with no luck.
0
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 :
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
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
>
I hope this information helps.
Regards,
Kiril Vandov
Telerik
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.