Control size of each menu item to fill 100% of menu's width exactly

2 posts, 1 answers
  1. Chris Douglass
    Chris Douglass avatar
    6 posts
    Member since:
    Sep 2005

    Posted 07 Aug 2008 Link to this post

    How do I have RAD Menu size each root level menu item so that they fill exactly 100% of the width of the menu?  Thus, if I had 5 items within a 500px wide menu, each item would be 100px wide? 

    Can it do this type of adjust of menu item sizes?  What other types of sophistication does it support with its sizing algorithm?  Can it say ensure that a larger menu item, an item with text that would exceed 100px, not be clipped and thus reduce the size of some of the other menu items? 

    I want to fill the available space within my content area completely and have a balanced menu appearance within that available space.  Currently, the menu will allocate enough room for each menu item given the lenght of its item text (and CSS settings) and fill the available space from left to right.  This leaves blank space at the right end of the menu that is not filled at all.

    Thanks!  Maybe there's a smart CSS way of doing this?  Any ideas would be greatly appreciated.

    Chris
  2. Answer
    Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 08 Aug 2008 Link to this post

    Hello Chris Douglass,

    Unfortunately, such a functionality cannot be achieved using CSS but rather using client-side scripting.

    The attached page contains a javascript handler, attached to he OnClientLoaded RadMenu event, which "reflows" the menu.

    Sincerely yours,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top