This is a migrated thread and some comments may be shown as answers.

Slide out animation for window?

2 Answers 385 Views
Window
This is a migrated thread and some comments may be shown as answers.
Lisa
Top achievements
Rank 1
Lisa asked on 30 Dec 2014, 03:55 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Petyo
Telerik team
answered on 01 Jan 2015, 11:24 AM
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!
 
0
Lisa
Top achievements
Rank 1
answered on 02 Jan 2015, 05:54 PM
Thank you.  Exactly what I needed!
Tags
Window
Asked by
Lisa
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Lisa
Top achievements
Rank 1
Share this question
or