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

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

Initial Email From: Angela
Initial Email Subject: Menu not appearing the same online as in my preview pane
Support Case Month: September 2012

I am having several problems with a current menu creation.

1. Menu positioning is supposed to show center on the web site so I set it up to Top Side Center for both the "Element Anchor" and the "Menu Anchor". I am currently using it as a Relative to an Element positioning. I tried setting it to Top Side Center for "Element Anchor" and Center for "Menu Anchor" and vice versa and Center for both to no avail.

2. The Sub Groups Style (Our Products) is supposed to show with rounded corners all 4 sides. It displays properly in Chrome & Safari but not in IE9 and Firefox.

3. The Sub Groups Style is also supposed to have a background image showing in the top right hand corner of each menu using the "Has Header" feature.

All of these show properly inside the AllWebMenus Preview but not online. Thank you in advance for any help!

Related URL: http://review.shakertree.com

Reply From: Likno Customer Support

Hello,

1) This happens because the width of your <span> is very small and it is left-aligned into the parent <div>. See the screenshot where I highlighted it:

To fix this problem, in the Element Positioning you should use the ID of the <div> instead:

2) I believe that this is due to using server-side menus. I will need to forward this to our developers for further consideration.

3) Same as (2).

Can you please export and send me your menu project so that I can forward it to our developers for further testing?

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: Likno Customer Support

Hello again,

I just got a reply from our developers and it seems that there is no problem at all in our libraries!

It seems that you simply have old library files online… Can you please recompile your menu and make sure that you also upload the new library files?

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

Hi Kostas,

The library files we had uploaded were correct from our current build but then we noticed that we weren’t on the current version so we downloaded version 5.3.898 and rebuilt the menu and uploaded all files.  This update fixed the menu to show the Sub Group Style (Our Products) with rounded corners on all 4 sides in all the necessary browsers (IE9, Firefox, Chrome & Safari)!  However, it is still not showing

the Sub Group Styles background image that should be showing in the top right hand corner of each menu using the "Has Header" feature.

Can you please take another look and let me know why this isn’t showing online but it’s showing in the AllWebMenus Preview?  I have also attached the updated menu in an exported .zip file again.

Thanks,

Angela

Reply From: Likno Customer Support

Dear Angela,

Are you sure you still see the problem? Did you delete your “cache files”? I am asking because I visited your page again and I now see it working for both Firefox and IE:

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: Ruth
Initial Email Subject: inking to element in Microsoft Expression
Support Case Month: September 2012

I cannot get my menu to attach to a table.  It just doesn't show up.  What I have on the web page is the menu attached relative to window, so it doesn't always appear in the same place in different browsers.

Reply From: Likno Customer Support

Hello,

I see that your positioning code is not for a table but for a <span> in an <a> tag.

Please replace this:

    <tr>
     <p class="style98">
        <span id='awmAnchor-nms_menu'>&nbsp;</span>
     </p>
  </tr>

With this:

   <tr>
         <td id='awmAnchor-nms_menu'>&nbsp;</td>
   </tr>

Also I noticed that you have set a “browser-specific offset” for IE. Please remove this in order for the menu to appear in the same place in all browsers.

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

As you can tell, I'm not very good at this and just learning.  Should I have the positioning linked to the window or an element, because now I don't get a menu at all.  I have not copied it over to the server yet.

Ruth

Reply From: Likno Customer Support

Dear Ruth,

The positioning should be set to “Relative to Element”.

Did you correctly replace the HTML code in your page?

Can you please send me:

1) The project file (use the menu “File -> Export -> To zip”)

2) The HTML page so that I can see the code you entered.

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

The menu shows up fine in Internet Explorer, but when I go to other browsers, it's in the middle of the heading. 

Thanks so much for your help and patience with me.

Ruth

Reply From: Likno Customer Support

Dear Ruth,

Are you talking about the online page or the local one?

If you are talking about the local page, then you’ll have to send this to me also (as I asked in my previous email) in order to see what’s wrong.

The online page on the other hand, does not display a menu at  all now (in any browser)! Did you change something else?

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

This is the link to our web page from yesterday that I had already sent you just so the menu would be back on the page.  This menu does not appear in the same place on different browsers.  So far, it only appears in Internet Explorer.  I would like to continue using this program, but if I don't find out what I'm doing wrong we won't be renewing at the end of this year.  Again I apologize for being a beginner with this program.

Reply From: Likno Customer Support

Dear Ruth,

I checked your page again, and I see that the old menu is back, which is visible by all browsers but the positioning is different in IE due to the “Browser-Specific Offsets” you have for IE.

Since the Element Positioning confuses you, maybe you should keep your current settings, but try removing the “Browser-Specific Offsets” and instead fine-tune the positioning through the standard offsets (x,y) that appear in the Positioning form.

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

Initial Email From: User
Initial Email Subject: Web Modal Positioning
Support Case Month: October 2012

My support/upgrade insurance for Modal lapsed, but I am interested in upgrading, but had a question about the positioning feature in 248.

I am using modal in an intranet application where the page the modal is on is in an iFrame.  Currently the modal is locked inside of the iFrame, but with this new feature I am assuming it will be possible for the Modal to "break out" of the frame and be relative to the browser?  If you can confirm this for me I'll be upgrading today!

Thanks as always.

Reply From: Likno Customer Support

Hello,

We did implement a “break out of frames” feature, but you have to keep in mind that this is not possible in all cases and all browsers.

Specifically, the page in the iFrame and the parent page need to be from the *exact* same domain. Note that even “domain.com” and “www.domain.com” will be considered different and it will not work. The reason is that this is blocked by all browsers as a possible security threat. Also this may not work if your pages are “https”.

If the pages come from the same domain and it is not “https”, then this feature should work in most recent browsers (with the possible exception of specific versions of the Opera browser).

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