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 Quote 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 Quote 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 Quote 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 Quote 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! Quote Link to comment Share on other sites More sharing options...
Oliver Morsch Posted September 14, 2018 Share Posted September 14, 2018 Very good design. Quote Link to comment Share on other sites More sharing options...
erich.wanker Posted September 14, 2018 Author Share Posted September 14, 2018 ThanX :-) Quote 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. Quote 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. Quote 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? Quote 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 Quote 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 Quote 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. Quote 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 Quote 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 Quote 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 ?? Quote 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); '); Quote 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. 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.