Transition options for views available?

4 posts, 0 answers
  1. Tayger
    Tayger avatar
    182 posts
    Member since:
    Jan 2015

    Posted 30 Jun Link to this post

    Hi

    Is there a way I can control the transition style of a view? I would like to let some views slide in from top, bottom, left or right. Is that somehow possible?  I am already doing this but not with views, just DIVs and an own slide function. I would like to do that with views so I don't have to care about rotation things, etc. 

    Regards

  2. Misho
    Admin
    Misho avatar
    173 posts

    Posted 03 Jul Link to this post

    Hi,

    The View transitions are defined by setting a data-transition attribute to the View DOM element. You could find more information about the View transitions in the following documentation article:
    https://docs.telerik.com/kendo-ui/controls/hybrid/application#transitions
    You could also look at the following online example, that contains a link also to the source:
    https://demos.telerik.com/kendo-ui/m/index#application/transitions

    I hope this helps.

    Regards,
    Misho
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Tayger
    Tayger avatar
    182 posts
    Member since:
    Jan 2015

    Posted 03 Jul in reply to Misho Link to this post

    Hi Misho

    Thanks, I'm aware of the transitions. The problem is I need it as well for the direction up and down. The transitions only support left and right. In between I switched to another mobile solution. KendoUI Mobile is great and I love working with it. For most use cases it works, just not for my project. There are many widgets/functionalities that I don't want to code myself but already exist.

  4. Misho
    Admin
    Misho avatar
    173 posts

    Posted 05 Jul Link to this post

    Hi,

    Supported directions for the slide transitionare left and rightFor direction up and down, however, I could suggest you to try using the Overlay transition.
    Here is a dojo sample that shows the approach:
    https://dojo.telerik.com/ilamuhoC/4


    Regards,
    Misho
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top