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: User
Initial Email Subject: IE9 browser vertical scrollbar stutters when moved and modal window is displayed - Opera does the same thing
Support Case Month: September 2012

Noticed strange behavior for Web Modal windows builder (latest version - but also on older versions) in IE9 and Opera (firefox, chrome, safari, and  are fine):
The vertical scroll bar in the modal window works fine to vertically scroll through content, but the browser vertical scroll bar "stutters" or behaves with "shaking" or jumping behavior.
http://www.tsgusa.com/professionals.htm - click on a person to open modal window content
Are there some settings I can tweak to get the vertical scrollbar to behave like it does in this lightbox script (modal window link is about halfway down page "try Me")?
In the case above the background page scrolls underneath the modal window when there is content?
Or is there someway to tell IE9 that the vertical scroll bar isn't necessary when modal window content is open?
Thanking you in advance for educating me about this particular issue.

Reply From: Likno Customer Support

Hello,

Due to the requests of several users in the past, our Modal Windows try to block the movement of the background while the modal window is open. This is achieved by resetting the scroll back to its original location every time the user moves it. Most recent browsers do this so fast that you do not ever see the scrollbar moving. IE and Opera however are slower and hence you see this “broken” movement.

Would you prefer for the background to scroll freely like in the lightbox you sent me? Or would you prefer that we completely block the scrollbar?

Let me know and I will forward your suggestion to our developers for further consideration.

Best 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: User

I think blocking the scrollbar makes the most sense in that it appears to be the tactic taken by safari, chrome, etc.  The more browsers behave the same the better.

Reply From: Likno Customer Support

Hello,

I just uploaded build 250.2 which resolves this problem by hiding the scrollbars while the modal is open.

Please download and let me know if everything is ok:

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

Best 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: User

Nicely fixed in Opera but for my IE9 the browser scroll bar isn't hidden. cleared cache three times, open/closed browser window but the IE9 vertical scrollbar still appears and stutters.

Reply From: Likno Customer Support

Hello,

I just visited your page with IE9 and I no longer see the scrollbar! Are you sure the problem is still there?

Best 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: User

Thank you for your follow up after your vacation.  I, too, no longer see the vertical scrollbar shuttering issue.  Thank you for your prompt attention to this problem.

Reply From: Likno Customer Support

Hello again,

I am afraid that we already received some complaints from our users regarding the new feature you asked us to add, so we had to change it.

We have just released a new version of Modal Windows (build 250.4) which no longer removes the scrollbars by default and this is going to be the default behavior from now on.

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

Note that if you simply compile your projects with a newer version without first checking this option, the scrollbars will not be removed

Best 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: User

Would it be possible to add in Under the Hood the other option which is to have the back ground move with the scroll bar like in this example?  That way I could offer my clients all 3 options which would be perfect
scroll option.

Reply From: Likno Customer Support

Hello again,

The new release is online.

Now instead of a checkbox there is a combo, also allowing the “Don’t block page scroll or hide scrollbars” option.

Let me know if everything is ok.

Best 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

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

Initial Email From: John
Initial Email Subject: Application Feedback
Support Case Month: April 2012

It's probably something I'm not doing right but just recently any web page I create that uses the tooltips has both horizontal and vertical scrollbars.

The horizontal and vertical scrollbars are even present from within the Likno tooltips preview pane, even on a brand new blank default project.

My older tooltips projects are fine, only the newly created ones have scrollbars. If you need more information from me my email address is {EMAIL ADDRESS REMOVED}. All in all though, I just love all your software!

It has changed the way I build web sites! 🙂

Reply From: Likno Customer Support

Dear John,

We apologize for this, it seems that a small bug slipped into our latest release causing the scrollbars. You are only the second user to inform us about this, the first one being about an hour ahead of you.

We have just fixed this and uploaded a new release (build 210.2):

http://www.likno.com/jquery-tooltips/download.php

Please download it and let us know if you see any more problems.

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: John

A quick follow-up to my last email which was sent moments ago. The problem of the disappearing allwebmenus tooltips when used with modal windows only seems to be a problem in Firefox, not I.E. I'm using Firefox version 11.0

That seems to have fixed the scrollbars problem Kostas, however now I  have found something else that may be a bug.

I created an allwebmenus menu, added the tooltips to it, and everything worked fine with the new tooltips fix you just released. Next I added one more menu item to the menu and for that item I used the modal window option to pop up a modal window. The modal window appears as it should however now the tooltips have quit working.

I just discovered this and have not investigated it further yet but I thought I'd report it.

John

 

Reply From: Likno Customer Support

Dear John,

Are you saying that if you add a modal window in the page then the tooltips stop working altogether? Or that the specific menu item does not show a tooltip when it is set to open a modal window?

If you have a sample page online, please send me the URL so that I can check it.

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: John

Hello Kostas, I hope you enjoyed your holiday. 🙂

Are you saying that if you add a modal window in the page then the tooltips stop working altogether

Yes. Everything else works as it should, the tooltips disappear altogether in Firefox and they disappear most of the time in the Internet Explorer.

I'm using Firefox 11, IE 9, plus the current versions of allwebmenus, webmodalwindows, and webtooltips. Below is a sample page that should illustrate the problem which goes away as soon as I remove the link to the modal window script (likno-scripts/likno-modal-project.js).

http://myplace.frontier.com/~johnzeman2/temp/test.html

John

 

Reply From: Likno Customer Support

Dear John,

It seems that this has to do with the timing of each library loading.

After some tests, I found that if you move the Modal Linking Code to be last (e.g. first Tooltips, then AllWebMenus, then Modal) then everything works fine!

I have also forwarded the case to our developers for further consideration.

I will let you know as soon as I have an answer.

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: John

Thank you for the follow-up Kostas, indeed, moving the modal window link code below the others does solve the problem.

John

 

Reply From: Likno Customer Support

Dear John,

We just released new versions for both Modal & Tooltips, which should resolve the loading order issue.

These versions have a new loading system that is also faster, and a more efficient preview.

Please download and test them, and let me know if you find any issues.

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

http://www.likno.com/jquery-tooltips/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