Slide out animation for window?

3 posts, 1 answers
  1. Lisa
    Lisa avatar
    20 posts
    Member since:
    Feb 2014

    Posted 30 Dec 2014 Link to this post

    Hi there,

    We have a non-modal window with product details we want to slide in and out over a page.  The slide-in animation is working fine, but I can't get the slide-out to work.  The fade does work so I know it is performing some animation.  The slide-out is considered a "must-have" feature.  Is there any way to do this?

    Thanks!

    Here is the window definition: 

    $("#detail-window").kendoWindow({
        animation: {
            open: {
                effects: "slideIn:left fadeIn",
                duration: 500
            },
            close: {
                effects: "slide:right fadeOut",
                duration: 500
            }
        },
        draggable: false,
        height: "90%",
        modal: false,
        resizable: false,
        visible: false,
        width: "50%",
        title: false
    });






  2. Answer
    Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 01 Jan 2015 Link to this post

    Hi,

    If I understand you correctly, you are looking for something like this.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Lisa
    Lisa avatar
    20 posts
    Member since:
    Feb 2014

    Posted 02 Jan 2015 in reply to Petyo Link to this post

    Thank you.  Exactly what I needed!
Back to Top