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

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

Initial Email From: RuuRd
Initial Email Subject: menu show on top of modal windows in IE 10
Support Case Month: April 2013

Dear reader,

after the last update of Likno Modal Windows, the Likno Menu stays on top of all objects also the LWMW-layer. Setting z-index of the menu to -1 did solve it for Firefox, Chrome but not for Internet Explorer 10

What to do?

Thank you for your help in advance.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear RuuRd,

Where did you set the z-index to -1? I checked your site and I see that the menu is set to z-index: 1000.

The same is true for the modal window. Please change the modal window z-index to 1010 or the menu  z-index to 990 in order to fix this problem.

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

Thank you Kostas,

I forgot that this value is (or can be) set in the IDE of AllWebMenus, so I did set the other value somewhere else in my code (later executed).

Kind regards,
RuuRd

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

Initial Email From: User
Initial Email Subject: Problem With Likno Web Tabs Builder
Support Case Month: April 2013

The page displays fine on all windows desktop browsers and android os. however the third tab will not work on my ipad mini. Will not work in either the default or chrome browser on the ipad mini.

Reply From: Likno Customer Support

Hello,

This seems to be a font issue. The fonts appear larger in iPad mini and hence the last tab does not fit!

Can you please try reducing the font size for the Headers and let me know if this resolves the problem?

(I am afraid that this is not something we can automatically control in the library, so I’m not sure if we can develop a “fix” for this)

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 AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Jeff
Initial Email Subject: CSS menu compiles with JavaScript?
Support Case Month: April 2013

Hi,
I am using AllWebMenus Pro version 5.3 build #908 to make a CSS horizontal dropdown menu.  My understanding was that it would not require or use javascript at the cost of some of the more dynamic features.  When I compile the menu and link it to my webpage though, It creates a "menu.js" file (along with a "menu.css" file) and this javascript code is inserted into the head tag of my linked page as well.  Unfortunately, the menu is not appearing in Chrome version 26.0.1410.43 anyway.
I want a menu that is pure CSS.  Why is the javascript file even being generated and is it really necessary?  I appreciate the help in advance.
Jeff

Reply From: Likno Customer Support

Dear Jeff,

When a menu is “Pure CSS”, this means that it is able to function without any need for JavaScript. Still, there is no reason to cut back on the extra features when the viewer’s browser supports JavaScript!

In our case, the generated JS file only adds some extra features such as keyboard navigation and compatibility for older browsers that could not support CSS menus (such as IE6).

If you remove the JS file you will see that your menu still looks the same and is fully functional with the mouse in all recent browsers.

Finally regarding Chrome 26, something must be wrong in your implementation, so I will need to see your page to find what is wrong. Please send me the URL so that I can have a look.

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

Kostas,

Thank you for clarifying the inclusion of the javascript files but something there seems to be amiss.  My menu visibility issue was a foolish error - I was using a CLASS to define the style rather than the default ID.  (I would love to be able to specify this difference before compiling but Dreamweaver's "search and replace all" feature does the trick as well.)

Now if I leave the awmdata.js file attached to my index.php page then the menu appears below the header image (as it should) for only a second before popping the menu elements into the upper left corner of the page.  Removing this link to awmdata.js at least puts the menu where it should be but there is also something with the size of the parent item when hovering over an element with a submenu.  I also am not seeing the arrow icon I wanted to use to indicate that there is a submenu.

I seem to be required to define a static width+height for menu items.  Is there no way to dynamically size a menu item to accommodate its unique size?  Removing the width:0px from the #mainnav > li element seems to work but how would I opt for this within the AllWebMenus interface?

Jeff

Reply From: Likno Customer Support

Dear Jeff,

I just checked your pages and I see that you have removed most of the code from the CSS, so your menu is not really a menu anymore:

Regarding the top-left positioning, this is most probably because you have indeed set this positioning in the application. If you do not have any JavaScript, then the menu appears wherever you put the UL/LI code, but you can never have a pixel-perfect positioning this way. When you have JavaScript, then the positioning property of the application is used instead. I am guessing you have left this to the default which is top-left of window with an offset of 10px:

You could use a positioning Relative to Element with class=“container” to make sure that this works properly when you have JavaScript.

Regarding the “HasSubMenu image”, this is unfortunately one of the features that only works when you do have JavaScript enabled, as it is not possible to perform such checks with CSS. If you wanted this to work with pure CSS, then you would have to manually add the “daddy” to each LI that has a submenu, for example:

<ul id="mainnav">

    <li><a href="treasurepools.x10.mx">HOME</a></li>
    <li class="daddy"><a href="treasurepools.x10.mx/services">SERVICES</a>
            <ul>
              <li>
                  <a href="treasurepools.x10.mx/services/cleaning">
                     CLEANING
                  </a>
              </li>

              <li>
                  <a href="treasurepools.x10.mx/services/maintenance">
                     MAINTENANCE
                  </a>
              </li>

              <li>
                  <a href="treasurepools.x10.mx/services/construction">
                     CONSTRUCTION
                  </a>
              </li>
            </ul>
    </li>
    <li><a href="treasurepools.x10.mx/faq">FAQ</a></li>

</ul>

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 AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: User
Initial Email Subject: Chrome Issue
Support Case Month: April 2013

Look at this page, URL above, with IE. Notice the gray and blue tab lines. Now look at this page using Chrome. Notice the gray and blue tab lines are dropped down lower.
Any ideas. AllWebMenus Pro ver 5.3 build#886

Reply From: Likno Customer Support

Hello,

This seems to be a positioning issue. In Chrome the menu is positioned 10px lower within the iFrame, so it is not all visible.

I see that you are using various browser-specific offsets in your positioning. I strongly recommend removing all of these. If your Positioning is correct, then you should not need any of these!

Are you using Window-related positioning? It would help if you send me your project.

Also, I noticed that the pages in your iframes are not valid HMTL files:

Please make sure that these are also valid HTML files, with DOCTYPE, <html> tags etc, something like this:

<!DOCTYPE html>
<html>
<head></head>
<body>

<!-- DO NOT MOVE! The following AllWebMenus linking code section must always 
be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->



<script type="text/javascript">
       var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="886";
</script>
<script charset="UTF-8" src="menu.js" type="text/javascript"></script>
<script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->

</body>
</html>

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 AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Claudio
Initial Email Subject: iPad grey border 
Support Case Month: March 2013

I would like to report a problem that I had seen before, but thought it was a matter of my configuration. The more I look at it, the more I think it is a bug in the program, that persists after I downloaded the newer version:

In the menu below, the look is perfect in IE, Firefox and Chrome.  When I try in the iPad, I see a gray border that I cannot eliminate.

Reply From: Likno Customer Support

Hello,

I noticed that the “dot.gif” image (which is automatically generated when you compile the menu) is not online as expected under:

http://{URL}/atimo_s/MainMenu/dot.gif

Can you please upload this and let me know if the problem is resolved?

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

It worked perfectly!  Thank you very much!