add effect to the ribbon backstage

2 posts, 0 answers
  1. al
    al avatar
    20 posts
    Member since:
    Feb 2016

    Posted 10 Sep 2016 Link to this post


    i need to add a move right and move left for backstage open and close  in ribbon in wpf.

    how can i add it?


  2. Dinko
    Dinko avatar
    444 posts

    Posted 14 Sep 2016 Link to this post


    We are not sure what exactly you are trying to achieve in your application. If you want to animate the RadRibbonBackstage you can use an attached property to trigger a custom animation for the RadRibbonBackstage control. You can also define attached property to take and use the width of the ribbon in the animations. Basically, you can do the following:
    • Create a class for the attached properties
    • Create an attached property (for example called BackstageAnimationProperty). Then in its PropertyChangedCallback get the RadRibbonBackstage element and add a handler for its Loaded event.
    • In the Loaded event handler, create a Storyboard with a DoubleAnimation which animates the Width of the backstage
    Then you can set this attached property on the RibbonBackstage. For example:
    <telerik:RadRibbonBackstage local:RibbonUtilities.BackstageAnimation="SlideLeftToRigth" />

    For your convenience, I prepared a sample project which demonstrates such an implementation. Note that when you resize the RibbonView in the attached project, the backstage will not change its width automatically. This is why you will need to change the width of the backstage in its SizeChanged handler.

    Telerik by Progress
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Back to Top