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


Initial Email From:
Cary
Initial Email Subject: vertical lines separating menu
Support Case Month: July 2012

Hi Kostas,

I have one last request. I just need to space out the main menu options on top. What would you suggest to be the best way to do this?

Thanks
Cary

Reply From: Likno Customer Support

Dear Cary,

Actually I checked your menu again and I see that it is pretty wide already! It is so wide (although transparent) that it creates a horizontal scrollbar to your site:

menu is so wide that creates horizontal scrollbar

I assume that this happens because you set it to “Menubar” (so it takes the width of the page):

menu is set to menubar

My suggestion is that you remove the “Menubar” setting, and instead just give it the size you want using the “minimum width”:

minimum width of menu

Also, a final suggestion regarding your Positioning. First, find the following code in your page (where the Positioning Anchor is contained):

<td width=200 valign="middle">

<center><a href="/Products.asp?t=Products" class="redlink">&nbsp; &nbsp; &nbsp; <img src="/demo/dotb.gif" border="0"><font face="arial" size="1" color="black"><span id='awmAnchor-conestmenu'>&nbsp;</span></a><b>PRODUCTS</b> &nbsp; &nbsp;</center></td>

And change it into this:

<td width=200 valign="middle" id='awmAnchor-conestmenu'>

<center><a href="/Products.asp?t=Products" class="redlink">&nbsp; &nbsp; &nbsp; <img src="/demo/dotb.gif" border="0"><font face="arial" size="1" color="black"></a><b>PRODUCTS</b> &nbsp; &nbsp;</center></td>

So that the menu is attached to the <td>. Then go to the AllWebMenus Positioning and do something like this:

menu positioning settings

Of course you can adjust the offsets accordingly…

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

Good idea. I’ll see what it does. Also, why is the dropdown menu skewing off to the left? Is there any way to center it under the group choices?

Cary

Reply From: Likno Customer Support

Dear Cary,

Check these three properties for the submenu.

sub group style appears settings

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

Is there any way that I can make the dropdown menus more responsive on the mouse over? There are times when it takes a few passes over the menu choice before the drop down appears. We can’t afford to have our customers play mouse games to access any menu features.

Thanks
Cary

Reply From: Likno Customer Support

Dear Cary,

I see that your submenus disappear too quickly and sometimes you have to be quick to move the mouse over them.

To fix this you need to put some delay on the “Disappears How” feature, and maybe also bring the submenus closer to the main menu items (they have a couple of pixels empty space between them.

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

Thanks. What would I change to bring the submenus closer?

Cary

Reply From: Likno Customer Support

Dear Cary,

Try “appears where” (of which I sent a screenshot two mails ago).

Note: I strongly recommend that you take some time to skim through the different application properties.

This way you will have a general idea of what you can do and where to find 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: Cary

Thanks again. Found it right after I emailed you. Hopefully that will do the trick.

Cary

 

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

 

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


Initial Email From:
Debbie
Initial Email Subject:  Menubar
Support Case Month: March 2012

Hello -

How do I modify my MenuBar so that it will adjust depending on the viewers browser?  It looks great in my browser but when I view it from another browser it's off.

Thanks so much!

Reply From: Likno Customer Support

Hello,

I believe you are looking for this setting:

menu bar settings

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

I do have the Menubar checked but it still doesn't adjust depending on the browser.  I'm wanting it to adjust so it still looks right depending on the viewers browser.

horizontal drop down menu settings

Browser  = Chrome

chrome preview

Browser = IE9

ie9 preview

Reply From: Likno Customer Support

Dear Debbie,

The online menu is NOT a menubar. Having said this, do you really want the menu to take the window size? Your site has a fixed width of about 926px, so I believe that you really want the menu to have this size too.

Please uncheck the “menubar” option. Then go to the main menu “minimum width” and set it to “926”:

menu minimum width

Finally make your menu item’s font-size, padding etc. small enough to make sure that the menu is not bigger than 926 pixels.

If unsure, you can send me your project and I can do this for you.

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

That helped a lot!  I am using Microsoft Office SharePoint Designer, is there a way for me to see the menu without having to use the preview in browser?  Also, while previewing the website, each time I click on another page, the menu disappears for a minute and then shows back up again.  Any suggestions?

Reply From: Likno Customer Support

Dear Debbie,

Is this still about “http://www.urtechnet.com/lstts/”? I checked this page, but I did not see any change in your menu. Furthermore, the menu there has no links, so I was not able to test other pages.

Regarding SharePoint I am not sure if its internal preview supports complex JavaScript components. It is very likely that it does not support them (unless it has a feature called “live preview”), in which case you do need to use a browser preview. I am afraid that we cannot do anything about this.

Regarding the menu disappearing and re-appearing, the menu may take a second to build (depending on the size) so this may be natural. If you send me the URL to test for this I will be able to check it and let you know if there is anything you can do to speed things up.

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

Dear Debbie,

I see that you have added an “appearance” effect in the menu, which is why you see it unfolding downwards when changing the page.

If you do not want this to happen, please remove it from the related option:

menu special effects

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

 


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