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

    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.
  2. Dimitar
    Admin
    Dimitar avatar
    281 posts

    Posted 05 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  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