Problem setting RadMenu Items Width

4 posts, 0 answers
  1. Mark
    Mark avatar
    23 posts
    Member since:
    Sep 2014

    Posted 02 Sep 2014 Link to this post


    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:

    Thanks for helping me out, I can provide more information if needed.
  2. Dimitar
    Dimitar avatar
    276 posts

    Posted 05 Sep 2014 Link to this post


    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.


    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.

  3. DevCraft R3 2016 release webinar banner
  4. Mark
    Mark avatar
    23 posts
    Member since:
    Sep 2014

    Posted 05 Sep 2014 in reply to Dimitar Link to this post

    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
  5. Mark
    Mark avatar
    23 posts
    Member since:
    Sep 2014

    Posted 05 Sep 2014 in reply to Mark Link to this post

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