Jump to content
uniGUI Discussion Forums
erich.wanker

Microsoft Edge: Animate does,t work?

Recommended Posts

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

Share this post


Link to post
Share on other sites

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:

custom_meta.jpg.92572632a7915eafbceb5d6077ea5e2e.jpg

 

Chrome-DeveloperTool-View

sources.jpg.1215cb7d8e8f6d82d11c40bfbc4b82b9.jpg

Share this post


Link to post
Share on other sites

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

  • Like 1
  • Upvote 1

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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

 

How do I use these commands?

Share this post


Link to post
Share on other sites

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)+'});');

  • Like 1

Share this post


Link to post
Share on other sites
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)+'});');

 

dude, this demo is only available for download for  uni subiscriper members ??
i can't download that demo.
see
image.png.f297ec69cedc680156b81ca9204df025.png

Share this post


Link to post
Share on other sites

please, in main -- onCreate .. find line 224  and delete it :-) 

UniHTMLFrame1.HTML.Append ('    background-image: url(files/css/open_icon.png); ');

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×