I'm on chapter 7 of the book and it made me think of a problem I am having. I want to be able to wrap text for long sub-menu titles. I tried setting the ItemWrap property of the menu to True. When I look at this property in MSDN help it seems to be just what I'm looking for, but changing the setting seems to have no affect. What am I missing? Is there a difference between how this property acts regarding vertical vs. horizontal orientation?

Imar · March 30th, 2013, 10:05 AM

Hi there,

Not sure why ItemWrap doesn't work correctly in a plain version of the menu control. However, you probably shouldn't use it as it - if I am not mistaken - renders outdated HTML.

Instead, make sure that IncludeStyleBlock is set to False, and then handle the CSS yourself. By setting the width of a menu item to, say 150px like this:

Code:

.level 1 a { width: 150px; }

text wrapping will occur automatically.

Cheers,

Imar

d2drake@gmail.com · March 31st, 2013, 01:56 PM

Thanks for the quick reply Imar. I must be doing something wrong. When I turn off IncludeStyleBlock it had no affect. So while it was still off I tried setting ItemWrap to True. It DID wrap but everything else was messed up, like I now had bullets and dynamic items we displayed as bullet items beneath their static heads.

I switched everything back and was looking at the "Inspect Element" feature in Chrome and discovered that there is a command being added somewhere along the process: white-space: no-wrap. So I put the following command in:

.dynamic a { white-space: normal !important; }

and it's working now.

Any comments on the wisdom of this would be appreciated.

Doug

Imar · April 2nd, 2013, 04:38 AM

Quote:

was looking at the "Inspect Element" feature in Chrome and discovered that there is a command being added somewhere along the process: white-space: no-wrap.

That sounds like ItemWrap was off, rather that on?

I am not exactly sure what happened. A lot of the generated code depends on many factors: the actual framework on your machine (probably .NET 4.5), the framework you're targeting in web.config (probably .NET 4.5 but it could be 4), and the browser and its version. ASP.NET renders different markup for different browsers (uplevel or downlevel browsers) and also renders differently based on the various .NET Framework versios and settings.

Code:

dynamic a { white-space: normal !important; }

The !important overrides whatever was set elsewhere, so if you can't get rid of the white-space: no-wrap elsewhere, this seems like a good fix to me.

Cheers,

Imar