d.bernaert Posted December 21, 2018 Share Posted December 21, 2018 Hello, I would like to create the following effect. When showing a modal form for more details, I would like to show it on the right side of the screen. Also if possible, i would like it to slide out from the right. Is that possible? Thx, Dominique Quote Link to comment Share on other sites More sharing options...
Sherzod Posted December 21, 2018 Share Posted December 21, 2018 Hello, Have you tried to find a solution on the forum? Quote Link to comment Share on other sites More sharing options...
d.bernaert Posted December 21, 2018 Author Share Posted December 21, 2018 No not yet, sorry. Quote Link to comment Share on other sites More sharing options...
d.bernaert Posted January 9, 2019 Author Share Posted January 9, 2019 Hi all, i use TweenMax.min.js to slide in components in the onshow of forms without problems. Now I'm trying to do the same for modal forms but that does not work apparently. For the components I have the following code: in the script part of the form: function SlideInForm(frm) { TweenLite.from($('#'+frm), 0.5, {y:-300, delay:1}); } Then in extjs events I have the following: function window.show(sender, eOpts) { SlideInLogo(LoginFrm.ImageLogo.id); } But does not work with modal forms. when using SlideInForm(UniForm1.id); I also tried with calling #1. Any idea Dominique Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 10, 2019 Share Posted January 10, 2019 Hi Dominique, If possible can you make a simple testcase for this? You may need to change some properties and methods of the modal form Quote Link to comment Share on other sites More sharing options...
erich.wanker Posted January 11, 2019 Share Posted January 11, 2019 Hi Dominique, i used tweenlite, but replaced it (to mutch problems..) i use now: unisession.AddJS(self.WebForm.JSName + '.animate( { duration: 700, to: { y: ' + inttostr(45) + ' } });'); works fine with components and Forms .. HTH Erich Quote Link to comment Share on other sites More sharing options...
d.bernaert Posted January 12, 2019 Author Share Posted January 12, 2019 Hi Erich, indeed works without tweenlite, perfect, thx! Dominique Quote Link to comment Share on other sites More sharing options...
GerhardV Posted January 14, 2019 Share Posted January 14, 2019 Very nice @erich.wanker - where can we see the API or properties available? Quote Link to comment Share on other sites More sharing options...
erich.wanker Posted January 15, 2019 Share Posted January 15, 2019 Hi gerhard.. http://api.jquery.com/animate/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.