This is a migrated thread and some comments may be shown as answers.

Problem setting RadMenu Items Width

3 Answers 103 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 02 Sep 2014, 08:41 PM
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.

3 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 05 Sep 2014, 11:21 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Mark
Top achievements
Rank 1
answered on 05 Sep 2014, 03:57 PM
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
0
Mark
Top achievements
Rank 1
answered on 05 Sep 2014, 03:58 PM
By the way, thanks for your answer Dimitar, it was really helpful
Tags
Menu
Asked by
Mark
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Mark
Top achievements
Rank 1
Share this question
or