nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Highlight Menu bar in Share

dsr471

Hi,

I have a small requirement in Alfresco-Share development. I'm using 4.0.e community version. My requirement is , In Share I configured my custom menu called "i-search" in menu bar. Now I want it to be highlighted with color when user is in that Page. How can I achieve this without disturbing other Menus. Please see attachment for Reference.

Anybody , suggest please…

Regards,

D S Reddy

Menu.png

Find more posts tagged with

Comments

aaditvmajmudar

Hi Reddy,

Check out for header.js file - setAppItems method.

Hope this helps.

s_palyukh

Hi Reddy,

I hope the following js example will help you (it works in 4.1.5):

var currentPageElement = YAHOO.util.Selector.query('a[href='+window.location.pathname+']');

if(currentPageElement.length>0) {
   
   var parentSpan = currentPageElement[0].parentElement;

   Dom.setStyle(parentSpan, "background-color","blue");

}
‍‍‍‍‍‍‍‍‍‍‍