Jump to content
uniGUI Discussion Forums
Sign in to follow this  
d.bernaert

Fly-out modal form from the right

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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
Sign in to follow this  

×