Problem setting RadMenu Items Width

[Mark]

Hello, 

Along with this post you will find a screen shot of my user control made with the RadMenu.

Basically, I need each items from the RadMenu to be the same width and also, to use all the width available.
The RadMenu consists of the grey bar that contains Quote, Purchase Order, Ready for delivery and Delivered quantity.

I also want to keep a little bit of padding on the left and right. 

I found a solution to this problem using javascript but I can't apply it to my situation because everything present in the screenshot is in a user control 
(i.e: The control contains: Picture under the blue rectangle and hom/about/logout, plus the RadMenu).

So I can't really access to the RadMenu with Javascript. 

Solution using Javascript: http://www.telerik.com/support/kb/aspnet-ajax/menu/details/stretching-menu-items-to-fill-the-entire-width-of-radmenu

Thanks for helping me out, I can provide more information if needed.

[Dimitar]

Hello,

The desired RadMenu layout may be achieved through a combination of CSS and javascript. You may find it in the attached a sample page. Note that you should set the RadMenu RenderMode property to Lightweight, in order to apply this approach.

Regards,
Dimitar
Telerik

 

 

[Mark]

Alright, well so far the tabs width javascript code worked perfectly, I had to tweak a few things but it's working.

As for the centering, it seems that it centers the text inside the span but the span itself isn't centered in the list item.

I will try to change the rmItem and list item classes instead of working on the rmText or rmLink.

Also, the when the render mode is set to lightweight, it really messes up the layout for the controls and also for the text so I removed it

[Mark]

By the way, thanks for your answer Dimitar, it was really helpful