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

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

1 Answer 135 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Chris Douglass
Top achievements
Rank 1
Chris Douglass asked on 07 Aug 2008, 01:59 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Alex Gyoshev
Telerik team
answered on 08 Aug 2008, 03:35 PM
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.
Tags
Menu
Asked by
Chris Douglass
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Share this question
or