erich.wanker Posted September 11, 2018 Share Posted September 11, 2018 Hello folks, in chrome following jquery-line works fine - in Edge Browser nothing happens? UniSession.AddJS(UniContainerPanel.JSName + '.animate({ duration: 600, to: { x: '+inttostr(position)+' } });'); And Idea? ThanX Erich Link to comment Share on other sites More sharing options...
Oliver Morsch Posted September 12, 2018 Share Posted September 12, 2018 I think it is not supported by Edge: https://caniuse.com/#feat=web-animation Link to comment Share on other sites More sharing options...
erich.wanker Posted September 12, 2018 Author Share Posted September 12, 2018 Hi i think, jquery schould work for every browser??? .. also safari, opera, firefox, Edge..? i included jquery3.3.1mini.js in my UniGui DLL ... but the animation just works in Chrome-Browser... The example-line, what works in Chrome: procedure TV_LOGIN.UniLabel4Click(Sender: TObject); begin UniSession.AddJS(optionen.JSName + '.animate({duration:600,to:{x:'+inttostr(self.Left)+'}});'); ... UniServerModule - CustomMeta: Chrome-DeveloperTool-View Link to comment Share on other sites More sharing options...
erich.wanker Posted September 14, 2018 Author Share Posted September 14, 2018 ok .. found a solution for chrome, egde, safari, opera ... i changed to https://greensock.com/tweenmax and i animate my things with : Panels: UniSession.AddJS('TweenMax.to('+UniContainerpanel.JSName+'_id,0.4,{left:'+inttostr(x)+'});'); Forms: UniSession.AddJS('TweenMax.to('+self.WebForm.JSName+'_id,1,{autoAlpha:0});'); Works fine :-) Greetings Erich user_interface.webm 1 1 Link to comment Share on other sites More sharing options...
GerhardV Posted September 14, 2018 Share Posted September 14, 2018 Thanks for the update Erich! Link to comment Share on other sites More sharing options...
Oliver Morsch Posted September 14, 2018 Share Posted September 14, 2018 Very good design. Link to comment Share on other sites More sharing options...
erich.wanker Posted September 14, 2018 Author Share Posted September 14, 2018 ThanX :-) Link to comment Share on other sites More sharing options...
Freeman35 Posted September 14, 2018 Share Posted September 14, 2018 Hi Erich, Can you make a simple unit how to do panel(one edit then second) slide and form(no any imagen about this )? So may be I can learn how is wok this. Thank you. Link to comment Share on other sites More sharing options...
iClaudioSantos Posted September 14, 2018 Share Posted September 14, 2018 Wow, that is very nice. Link to comment Share on other sites More sharing options...
eduardosuruagy Posted September 15, 2018 Share Posted September 15, 2018 On 9/14/2018 at 5:23 AM, erich.wanker said: ok .. found a solution for chrome, egde, safari, opera ... i changed to https://greensock.com/tweenmax and i animate my things with : Panels: UniSession.AddJS('TweenMax.to('+UniContainerpanel.JSName+'_id,0.4,{left:'+inttostr(x)+'});'); Forms: UniSession.AddJS('TweenMax.to('+self.WebForm.JSName+'_id,1,{autoAlpha:0});'); Works fine :-) Greetings Erich user_interface.webm How do I use these commands? Link to comment Share on other sites More sharing options...
erich.wanker Posted September 17, 2018 Author Share Posted September 17, 2018 hi .. a small demo .. i hope it helps :-) Nice greetings Erich (zip file containig folder "files" .. with images and JS-Library .. please store it to your webserver-structure..) demo.zip Places where you should look: Main->UniContainerpanel->ClientEvents->ExtEvents .. Background thing UniForm1->ClientEvents-ExtEvents ... Animate the form ServerModule->CustomMeta .. load JS Library in TUniForm1.UniFormShow - i animate all uniConatinerPanels WHERE THE TAG value (ObjectInspector) is 1 in TMainForm.UniFormCreate - i copied a lot of my css things in UniHTMLFrame1 ... a lot of css declarations are not important for the demo .. a lot of trash ;-) the basic thing: UniSession.AddJS('TweenMax.to('+the Component and his JSName+'_id,'+Speed of animation+',{left:'+inttostr(position)+'});'); mini_demo.webm 1 Link to comment Share on other sites More sharing options...
alexxandree1 Posted September 17, 2018 Share Posted September 17, 2018 2 hours ago, erich.wanker said: hi .. a small demo .. i hope it helps :-) Nice greetings Erich (zip file containig folder "files" .. with images and JS-Library .. please store it to your webserver-structure..) demo.zip Places where you should look: Main->UniContainerpanel->ClientEvents->ExtEvents .. Background thing UniForm1->ClientEvents-ExtEvents ... Animate the form ServerModule->CustomMeta .. load JS Library in TUniForm1.UniFormShow - i animate all uniConatinerPanels WHERE THE TAG value (ObjectInspector) is 1 in TMainForm.UniFormCreate - i copied a lot of my css things in UniHTMLFrame1 ... a lot of css declarations are not important for the demo .. a lot of trash ;-) the basic thing: UniSession.AddJS('TweenMax.to('+the Component and his JSName+'_id,'+Speed of animation+',{left:'+inttostr(position)+'});'); mini_demo.webm dude, this demo is only available for download for uni subiscriper members ?? i can't download that demo. see Link to comment Share on other sites More sharing options...
iClaudioSantos Posted September 17, 2018 Share Posted September 17, 2018 Just now, alexxandree1 said: dude, this demo is only available for download for uni subiscriper members ?? i can't download that demo. see Same here. Link to comment Share on other sites More sharing options...
erich.wanker Posted September 17, 2018 Author Share Posted September 17, 2018 ?? .. i have no idea WHY this happens .. i made a Dropbox-link: https://www.dropbox.com/s/qg48r4hfr6o9mp8/demo.zip?dl=0 hope this way works Link to comment Share on other sites More sharing options...
alexxandree1 Posted September 17, 2018 Share Posted September 17, 2018 6 minutes ago, erich.wanker said: ?? .. i have no idea WHY this happens .. i made a Dropbox-link: https://www.dropbox.com/s/qg48r4hfr6o9mp8/demo.zip?dl=0 hope this way works really thanks dude i will test Link to comment Share on other sites More sharing options...
eduardosuruagy Posted September 17, 2018 Share Posted September 17, 2018 files/css/open_icon.png ?? Link to comment Share on other sites More sharing options...
erich.wanker Posted September 17, 2018 Author Share Posted September 17, 2018 please, in main -- onCreate .. find line 224 and delete it :-) UniHTMLFrame1.HTML.Append (' background-image: url(files/css/open_icon.png); '); Link to comment Share on other sites More sharing options...
alexxandree1 Posted September 18, 2018 Share Posted September 18, 2018 On 9/17/2018 at 9:08 AM, erich.wanker said: ?? .. i have no idea WHY this happens .. i made a Dropbox-link: https://www.dropbox.com/s/qg48r4hfr6o9mp8/demo.zip?dl=0 hope this way works erich.wanker thanks for share your knowlage! worked very well here. Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now