Right align a menu item

Suite and Optimus Suite 5
#1

Hello,

Is it possible to right align just one item and not the whole menu in dhtmlxMenu?

please advise

Thanks,
Kris

#2

Hello,

I would do it using styles)

  • find item by id:
    smXr9S5c5d80_about

  • set ‘text-align’.

#3

Thanks Avalon, setting the style ‘text-align’ will not move the menu item to the right of the screen.

I was able to get this to work doing the following:

I appeded a

to the menu container and then moved the menu item I want to be aligned right into this div.

Kris

#4

I don’t follow. Can you please demonstrate how to do this? I basically need all menu items to the left, but a sign out menu option to the far right. Thanks!

#5

Hi, krisreddy.

Try this sample dhtmlx.com/docs/products/dhtmlxM … imple.html

Enter in browser console:

document.querySelector('.align_left').style.width = '100%'; document.querySelector('.align_left').childNodes[3].style.float = 'right';
or

document.querySelector('.align_left').style.width = '80%'; document.querySelector('.align_left > :nth-child(4)').style.float = 'right';