Fly-out modal form from the right

[d.bernaert]

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

[Sherzod]

Hello,

Have you tried to find a solution on the forum?

[d.bernaert]

No not yet, sorry.

[d.bernaert]

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

[Sherzod]

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

[erich.wanker]

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

[d.bernaert]

Hi Erich,

indeed works without tweenlite, perfect, thx!

Dominique

[GerhardV]

Very nice @erich.wanker - where can we see the API or properties available?

[erich.wanker]

Hi gerhard..

http://api.jquery.com/animate/