Unwanted lines from RadOrderedWrapPanel and RadRibbonView

8 posts, 0 answers
  1. Chris
    Chris avatar
    14 posts
    Member since:
    Apr 2014

    Posted 13 May 2014 Link to this post

    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>
  2. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 14 May 2014 Link to this post

    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
     
    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.
     
  3. UI for WPF is Visual Studio 2017 Ready
  4. Chris
    Chris avatar
    14 posts
    Member since:
    Apr 2014

    Posted 14 May 2014 in reply to Kiril Vandov Link to this post

    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
  5. Chris
    Chris avatar
    14 posts
    Member since:
    Apr 2014

    Posted 14 May 2014 Link to this post

    Additionally the 'tab' turns yellow when selecting the outside
    Then transparent (as required) 
  6. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 15 May 2014 Link to this post

    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
     
    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.
     
  7. Chris
    Chris avatar
    14 posts
    Member since:
    Apr 2014

    Posted 15 May 2014 in reply to Kiril Vandov Link to this post

    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 ?

  8. Chris
    Chris avatar
    14 posts
    Member since:
    Apr 2014

    Posted 15 May 2014 in reply to Chris Link to this post

    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.
  9. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 16 May 2014 Link to this post

    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
     
    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.
     
Back to Top
UI for WPF is Visual Studio 2017 Ready