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

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

Initial Email From: Pat
Initial Email Subject: How can I add the tag: id="awmAnchor-menu" to a CSS file?
Support Case Month: March 2013

How can I add the tag: id="awmAnchor-menu" to a CSS file?
As you can see the menu in my URL scrolls, when it should be in the gray area.
I'm using some new code to keep the top header at the top, and want the menu up there to.

Thanks ...need some magic
Pat

Reply From: Likno Customer Support

Dear Pat,

Please try the following Positioning:

Also, you should set the menu to “float on scroll”:

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

Your magic worked …

Thanks,
Pat

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".

- 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.

- Added the Fade "blending" options.

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

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

- 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

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

Initial Email From: Darlene
Initial Email Subject: Placing AllWebMenus on SharePoint 2010 Master Page
Support Case Month: May 2012

I am having a hard time inserting allwebmenus on a sharepoint 2010 master page. I am not sure where to put the code. i have the reference to the .js file right after the opening Body tag in code. I am placing the anchor tag after <div id="MSO_ContentDiv" runat="server"> in the body. I have tried placing the anchor tags in different places in master page but keep coming up with an error or the menu just not appears.
Thank you! I really like your menus and use them all the time. Have used the menus in sharepoint 2007 as well and it worked fine.
Darlene

Reply From: Likno Customer Support

Dear Darlene,

I checked your page and noticed that you have two menus linked, each compiled with a different version of AllWebMenus. Note that this can cause problems and you should always make sure that all menus in a site are compiled with the same version.

Let me know if you need more specific help with something.

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

Good morning, thank you for getting back to me. The url that was in the contact form isn’t the site with the issue. The site that I am having a problem with is protected so it is not accessible. But the site is a SharePoint 2010 site. I have the menu appearing on the page now but it stays fixed and does not scroll along with the page.  Any ideas on how to make the menu scroll along with the contents of the page?

Thank you,

darlene

Reply From: Likno Customer Support

You need to set the menu to “Float on Scroll”:

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: Steve
Initial Email Subject: Feature suggestion
Support Case Month: November 2012

Unless I'm missing it, here's an idea for your menu program (which by the way I love). You currently have a way to choose the space between items. But, how about a way to insert an image between items?
If you look at the URL I listed, you can see a menu I made (the old fashion hard way) and the items have a diamond shape between them.
I know you have a background image (2) function that's right justified. But, that's not really going to work for me because I want to center the text on the remaining blank area to the left.

Let me know what you think or if I'm missing a feature that's already like this.

Thanks,
Steve

Reply From: Likno Customer Support

Hello Steve, I see what you mean.

It could be possible if we enhance the "Has Separator" property to also have images, etc.

Best Regards,
Aris Filokostas
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: Steve

Oops! Forgot to include the image of the menu…

Never say never…

Here's a menu I started and put a diamond object between the menu items.

What I did was float the image to the right center then use the "x" offset to push it out past the menu button for the width of the diamond.

Then I set the distance between menu items to same distance as the offset.

I had to play a little with the padding to center the text.

It's still not perfect but, I bet I could get it to work with a little more playing around.

Steve

Reply From: Likno Customer Support

Brilliant! We love having smart customers that can explore different implementation methods on our products. We are glad that we have many features that can be combined to help in such cases but still it requires a smart user to unleash the possibilities. Well done!

Best Regards,
Aris Filokostas
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: AWM
Support Case Month: June 2012

Is there any way to have the menu scale to fit the various screen resolutions e.g. desktops, laptops, netbooks, smartphones? I'm currently working on a website that uses CSS to scale the elements whenever the window is resized. Unfortunately this has no affect on the horizontal menu I created and put inside a DIV tag. I hope there is some way this can be accomplished and any help would be greatly appreciated.
P.S. I know very little about Java Script and I'm a novice with CSS

Reply From: Likno Customer Support

Hello,

I am afraid it is not possible to change the menu with CSS rules like you do for the rest of the page, as the menu is a complex JavaScript control.

The only thing you can do is to set the menu as “menubar” in which case it will always stretch to cover the full length of the browser. Still, if the browser window is smaller, the menu will stay big and float outside the 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