Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Peter
Initial Email Subject: Mega Menu
Support Case Month: November 2012

Hi,

When a visitor to our site has a lower resolution or is "zoomed in", the mega menu shows scroll bars.  Is there a way to have no scroll bars regardless of resolution?

Many thanks,
Peter

Related URL: http://www.mainelyurns.com

Reply From: Likno Customer Support

Dear Peter,

The scrollbars only appear if your submenu is so big that it will not fit the page.

If you do not have scrollbars then you will miss some part of the submenu! Is this what you really want?

If so, then I believe you can achieve this by adding “overflow: hidden;” to the “style” of the parent <div> of each submenu.

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

 

Tags: , , , , , , , , , , , , ,

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.

Check out What's New

- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".

HTML jQuery slider scroller Google Analytics mockup example

- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.

HTML jQuery slider scroller WordPress mockup example

- Added the Fade "blending" options.

Slider Scroller Fade Blending

- Added the "Rewind" option when the "Transition" is of the "Continuous" type.

Slider Scroller Rewind

- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.

HTML Slider Scroller Arrows Offset

- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.

- Fixed an issue where the style was changing when using the item Link property.

- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.

- Fixed an issue where items with links had a border in IE.

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

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 

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


Initial Email From:
Valeria
Initial Email Subject: scroll bars in modal window
Support Case Month: October 2012

I have put overflow:hidden; in the body css and it works beautifully in firefox.  The problem is safari, chrome and IE, there are scroll bars in all of those.  In IE8 it put additional white around the outside.

How do I fix this?

www.dpvisions.com/print_media.html  click on anyone of the images under “the Portfolio”

Thanks,

Valeria

Reply From: Likno Customer Support

Dear Valeria,

I noticed that you are loading an external page. In this case it is possible that the scrollbars are not from the modal itself, but from the inner iframe instead.

To fix this you need to make sure that your page fits in the modal window. You could do this by explicitly adding “padding: 0px; margin: 0px;” for the <body> and parent <div> in your external page.

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

 

Tags: , , , , , , , , , , , , , , , , ,

 

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


Initial Email From:
Bill
Initial Email Subject: Need help in ToolTip!
Support Case Month: September 2012

Here are the results for http://www.foxmls.com

                           Tool Tip                AllWebMenu

Google                 Works                   Works

IE                        Under video           Opens off center

Firefox                Jumps                   Works

Opera                  Works                   Works

In addition if I add a Tooltip to the video, then a scroll bar is entered on the right because it wants to put the tooltip below the video.

tooltip and scrollbar

Reply From: Likno Customer Support

Dear Bill,

I checked your page, and the problem is that you have the “wmode=transparent” parameter in the wrong place in the video.

Please try changing this:

<object width="640" height="360">
<param name="movie" value=
"http://www.youtube.com/v/_li-L8k3elw?version=3&amp;hl=en_US&amp;rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param><embed src="http://www.youtube.com/v/_li-L8k3elw?
version=3&wmode=transparent&amp;hl=en_US&amp;rel=0
"
type="application/x-shockwave-flash" width="640" height="360"
allowscriptaccess="always" allowfullscreen="false"></embed>
</object>

Into this:

<object width="640" height="360">

    <param name="movie" value=

     "http://www.youtube.com/v/_li-L8k3elw?version=3&amp;hl=en_US&amp;rel=0">

    </param>      
    <param name="allowFullScreen" value="true">

    </param>

    <param name="allowscriptaccess" value="always">

    </param>

    <embed src="http://www.youtube.com/v/_li-L8k3elw?

     
     version=3
&wmode=transparent

     type="application/x-shockwave-flash" width="640" height="360" 
     allowscriptaccess="always" allowfullscreen="false"></embed>

</object>


It seems to work in all browsers I tried.

Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Bill

That worked. 
Bill

 

Tags: , , , , , , , , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
René
Initial Email Subject: Anchor #top and Google Chrome
Support Case Month: September 2012

top anchor on Google Chrome

The anchor #top doesn’t work with Google Chrome…

Like to hear from you.

Thanks!

René

Reply From: Likno Customer Support

Dear René,

I just double-checked this and it seems to work fine in my tests. Can you send me a URL where this does not work?

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: René

Dear Kostas,

The URL is www.koelemanconsultancy.nl

When you scroll down on a page and then click on a menu item it doesn’t go to the top of the page.

René

Reply From: Likno Customer Support

Dear René,

This is not a problem of Chrome! The same happens in all non-IE browsers and it also happens in IE but not always.

You are loading the page inside an iframe. The page inside the iframe does load on “top” although the iframe does not have a scrollbar so you cannot really see any difference.

What you really want is two separate things:

1) Load a page in the iframe

2) Scroll the parent page to the top

In order to achieve this, you can remove the “#top” from your links and add “window.scroll(0,0);” in the JavaScript command of every menu item:

menu JavaScript  command

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: René

Works!

Thanks,

René

 

Tags: , , , , , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows