Microsoft Edge: Animate does,t work?

[erich.wanker]

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

[Oliver Morsch]

I think it is not supported by Edge:

https://caniuse.com/#feat=web-animation

[erich.wanker]

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

[erich.wanker]

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

[GerhardV]

Thanks for the update Erich!

[Oliver Morsch]

Very good design.

[erich.wanker]

ThanX :-)

[Freeman35]

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.

[iClaudioSantos]

Wow, that is very nice. 

[eduardosuruagy]

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?

[erich.wanker]

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

[alexxandree1]

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

[iClaudioSantos]

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.

[erich.wanker]

?? .. 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

[alexxandree1]

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

[eduardosuruagy]

files/css/open_icon.png

??

[erich.wanker]

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

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

 

 

[alexxandree1]

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.