tabcontrol reorder animation (browser alike)

7 posts, 0 answers
  1. Gerrit
    Gerrit avatar
    1 posts
    Member since:
    May 2012

    Posted 07 Jun 2012 Link to this post

    We would like to have an animation when reordering tabitems in a tabcontrol.
    This should preferably look somewhat like reordering tabpages in browsers as chrome or
    internet explorer.

    is there an example of how to define an animated tabitem sliding to the left or right?
    or something like a how-to document?

    kind regards,

    Gerrit Menkveld
  2. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 08 Jun 2012 Link to this post

    Hi Gerrit,
    Unfortunately there's no straightforward way to enable dragging animations in the RadTabControl, but if you want you could try to use our DragDropManager and manually create them.
    I've attached a sample project which shows one way to do this so could you please examine it and if you have further questions feel free to ask.

    Regards,
    Zarko
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. Gerrit
    Gerrit avatar
    1 posts
    Member since:
    Sep 2010

    Posted 11 Jun 2012 Link to this post

    Hi Zarko,

    thnx for your reply and sample solution. this does have the basics of what we'd like to implement.
    you've put us on the right track!

    kind regards,

    Gerrit
  5. Jesús
    Jesús avatar
    1 posts
    Member since:
    Jun 2011

    Posted 14 Jun 2012 Link to this post

    The test app it's in SL5, I changed to Sl4 and for me It doesn't work.
    When I start a drag it's handled by OnDragInit () by when I got to another tab it doens't work.
    What happend with the example?
  6. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 15 Jun 2012 Link to this post

    Hi Jesús,

    I updated the solution to target SL4 and it works as expected on our side. Let me know if you experience any issues on your side with the updated solution.

    Kind regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  7. Paolo
    Paolo avatar
    13 posts
    Member since:
    Mar 2012

    Posted 24 Sep 2012 Link to this post

    Good work and simple solution!

    Just a question... when index switch is performed, remove/insert of dragged item causes unload/reload of tab content... any hint to solve this issue? In my application, reloading tab content will cause useless queries to be executed (and  a busy indicator will be shown during drag :( )...

    thanks in advance

    Paolo
  8. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 25 Sep 2012 Link to this post

    Hello Paolo,

    Unfortunately the Insert/Remove operations are the only approach for implementing this scenario. This is why there are no workarounds for the reload of the tabs content.

    Greetings,
    Tina Stancheva
    the Telerik team

    Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

Back to Top
DevCraft banner