Auto resizing Sub Level Elements in Left Side Vertical Menu

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
5/30/2008 3:29:14 AM
Dominique
Gravatar
Total Posts 68
View Posts

Auto resizing Sub Level Elements in Left Side Vertical Menu

Hi Joe,

I used the subblue skin as a base and created a skin for myself. I have menu elements that are a bit long in terms of text and would like the menu to resize accordingly when only of it is a 2nd level in the menu. How could I do this? I see that in the stylemenu.css file there is a place when the width of the menu can be changed but this affects all the menus including the root which I dont want changed.

ul.AspNet-Menu ul {width: 160px;

Is there a place when I can define the width of the sub levels to something like

width: 100%;

so that if they are larger than 160px they would automatically resize and not break into two lines as they do now?

I tried it in this location but no result.

Thanks for your help.

Dominique

5/31/2008 7:31:09 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Auto resizing Sub Level Elements in Left Side Vertical Menu

I don't know a good solution for you. It needs a fixed width because the same dimension is used to offset the position from its parent. For example if the parent is 160px wide then you mouse over it the child is positioned 160px offset so it lines up to the left of the parent. 100% width will make an element use up all the width of its containing element.

In my opinion these dynamic flyout menus are very web 1.0, they are not user friendly if they go more than 2 levels deep because it becomes difficult to mouse your way down to the deeper pages. Also if the site is very large then menu is rendering a lot of hidden markup that makes the page bigger whereas some of the other skins that use a treeview for the vertical menu are better because the populate on demand instead of rendering the markup for every menu item.

So, in short the subblue skin is not my favorite for making a new modern skin.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.