:: Forum >> Version 1 >>

text wrap in head

More information on this topic is available in the documentation section: /active.howto.style.headers/multiline-text.html.

How do I get the text to wrap in the column headers?
Tim
Monday, April 5, 2004
Unfortunately I don't have an easy solution for this. There is a bug in IE which makes it very complicated. I will see if I can find a workaround.
Alex (ActiveWidgets)
Tuesday, April 6, 2004
A,

The grid is great! Regards on it's functionality.

I've tried a couple of things with overflow:visible, but with terrible results.

Thanks for the help,

Tim
Tuesday, April 6, 2004
The problem comes from the need to apply 'white-space:nowrap' to the parent element (headers list). After that even if you use 'white-space:normal' for the header box itself - it does not work.
Alex (ActiveWidgets)
Tuesday, April 6, 2004
How come you can't force it to wrap by putting in <br> tags?
billyk
Wednesday, February 23, 2005
Well, <br> tags work fine.
Alex (ActiveWidgets)
Wednesday, February 23, 2005
I can't seem to get the <br> tags to work. I'm storing the column header values in a javascript array and making the column header height taller... It won't display any of the text after the <br> tag??

var myColumns = [
    
"Name"
    
"Salary Grade<br>(as of 11/01)"
    
"2004 MAP"
    
"Blended<br>Unit Rating"
    
"Incv Salary<br>(as of 11/01)",
    
"Target %",
    
"Target<br>Amount",
    
"Incv<br>Record(s)",
    
"Stock<br>Awd Range",
    
"Stock<br>Record(s)",
    
"Stock<br>Data"
];

obj.setColumnProperty("text", function(i){return myColumns[i]});

obj.setColumnHeaderHeight("40px");

 
Thanks
billyk
Wednesday, February 23, 2005



This topic is archived.

Back to /active.howto.style.headers/multiline-text.html

Documentation:

Forum search