ngDialog add sliding effect (slideUp, slideDown , slideOut)

[azadacme]

I am using ng-dialog - 0.6.4 with angular- 1.5.8 I just wanted to give some sliding effect while opening and closing dialog. But I cant find correct solution for this. Can you guide me in this problem? I am using google chrome browser.

[montezume]

Hi,

Have you tried adding some extra classes to your css to override the slide behaviour? You can do something like

and then use override the animation property on ngdialog-overlay, ngdialog-closing ngdialog-overlay, etc.

@keyframes ngdialog-slidein {
    0% {
        right: -500px;
    }
    100% {
        right: 0;
    }
}

@keyframes ngdialog-slideout {
    0% {
        right: 0;
    }
    100% {
        right: -500px;
    }
}

This allows you to replace the current animation (fade in) with whatever you want, just make a few different classes for your different kinds of modals :)

[vlio20]

@montezume, what about the duration? Where can this be changed?