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


Initial Email From: John
Initial Email Subject: Highlight text only of selected menu item
Support Case Month: April 2012

Hi Kostas

Many thanks for your help earlier.  Here's another, much simpler, question.  I'd like to mimic the effect used on the main menu of www.made.com, where the text of the selected items appears highlighted (ie not the whole item).

How can that be done in AWM?

Bests

John


Reply From: Likno Customer Support

Dear John,

This is a bit tricky, as it is not natively supported by AllWebMenus, however it is not that hard to achieve.

What you need to do, is to change your item to “HTML – Formatting Mode”, and change the “click” state (which is used for the highlighting) to have a <span> with a specific background like this:

span menu background

In this example, the “text” value in the first two states (normal, mouseover) is:

Chairs

While the last state (click) is:

<span style="background-color: yellow;">Chairs</span>

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

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

Hi Kostas

Thanks. This works brilliantly and is just what I wanted.

Bests
John

 

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