Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for Likno Web Modal WIndows Builder, abstracted and stripped of all user’s private info.

Initial Email From: Christophe
Initial Email Subject: web modal window > modal window jumps slightly to the right on pages with vertical scroll
Support Case Month: August 2012

Hello,

After updating to the new version (build #250), when opening a modal window on a page with the browser vertical scrollbar (on a scrolling page), the modal window 'jumps' slightly to the right as the vertical scrollbar now  disappears to leave place to the overlay.
This only happens when an effect is selected in the style editor (for example, slide down). If 'shows instantly' is selected, there is no movement to the right.
PS: The previous version didn't show this behavior as the vertical scrollbar wasn't covered (the overlay only applied to the page itself, not the browser vertical scrollbar).

Thanks.

Reply From: Likno Customer Support

Hello,

We just uploaded a new version (build 250.3) which fixes the modal “jumping” issue when closing with an effect. In your email you refer to the problem appearing when opening the modal, but I only saw this when closing it, so I assume that this is what you meant.

Please let me know if the problem remains with the new build.

http://www.likno.com/jquery-modal-windows/download.php

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Christophe

Hello,
Thanks for that. Unfortunately, it is still showing the same behavior with this version (tested with recent versions of Firefox and IE). Basically, with the web browser scrolling bar on the right (on a long page), when opening the modal window, the scrollbar disappears so it jumps slightly to the right when opening to compensate. And when closing the modal window, its jumps to the left as the scrollbar returns. But when using shows instantly/disappears instantly (no effect), the problem disappears.
I have posted a short video here if that can help:
http://www.aquariophilie-pratique.net/video/wmb.wmv

Thank you very much,
Christophe

Reply From: Likno Customer Support

Hello again,

I viewed your video, and I see exactly what I see in my own pc, so I guess I misunderstood your email before.

The page itself, does “jump” as the scroller is removed and added back. The modal window does not “jump” at all, as it appears only after the scrollbar is removed and it disappears before the scrollbar is added again.

The same thing is visible irrespectively of the effect you use (instant, fade, slide or glide).

This feature was recently added at the request of a user. Do you consider this to be a problem? If so, we can add an option for it, so that you are both happy.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Christophe

Hi,
Yes, an option would be really great as I have a long page of screenshots opening case studies windows on one of my sites and I feel that the page 'jump' maybe annoying for the users when repeated...
I was just wondering why this only happens when an effect (any effect) is selected but not happening at all when no effect is selected? And what is the advantage of it might be?
Many thanks for the great support.
Kind Regards,
Christophe

Reply From: Likno Customer Support

Dear Christophe,

I do not understand… You keep saying that you do not see the “jump” when there is no effect, but there is no difference in the behavior! The scrollbar is removed in both cases, and the page “jumps” in both cases. With or without an effect. Do you see something different? Can you make another video to display this?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Christophe

Hi,
Sorry, my mistake... you are absolutely right, the behavior is exactly the same. It just doesn't seem to 'jump' because the delay when displaying the effect is no there anymore - the opening of the window is instant so one doesn't have the time to see the page jump.
Kind Regards,
Christophe

Reply From: Likno Customer Support

Dear Christophe,

We have just released a new version of Modal Windows (build 250.4) which no longer removes the scrollbars by default. Instead there is a new Project Property group named “Under the Hood” within which you can find an option to remove the scrollbars if this is the desired behavior.

Please download the new version and let us know if everything is ok.

http://www.likno.com/jquery-modal-windows/download.php

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Christophe

Hi,
Thank you again for the great support, the new version works very well.
Would be very happy to leave a positive review or testimonial.
Kind Regards,
Christophe

Hello, we have released a new version of Likno Web jQuery Modal Windows Builder: Build #250

Check out What's New

- Added more "Positioning Options" and "Positioning Offsets" to the Navigation Bar, so that you can achieve a desired distance from the selected corner (or side) when the Navigation Bar is placed inside the "Body".

- Fixed an issue where the Header/Footer were not being measured correctly when the height has not been set in their CSS property.

- Fixed an issue where the closing effect did not properly work when it was different to the opening effect (affects "Slide up" & "Glide out" effects).

- Updated the Navigation Bar so that the text/pages/bullets are always centered vertically.

- Updated the library to also work with jQuery 1.4.2 (it previously had some code that required jQuery 1.7 or above).

- Updated the "CSS Reference" link in the CSS editor.

- Updated the Navigation Bar XML files to have properly structured CSS values.

- Updated the Navigation Bar values of the Examples.

- Fixed a rare case where files were deleted when trying to link to them.

- Fixed an issue where the Preview did not refresh when browsing through the different Examples.

- Minor interface improvements.

All features here: http://www.likno.com/jquery-modal-windows/index.php

You can download the latest version at:

http://www.likno.com/jquery-modal-windows/download.php