I want to wrap the header text but there is not an option for doing this. Is it possible to have this happen?
Hello Doug,
Thank you for your question. You can easily add text wrap to header. All you have to do is to add a CSS class and put the style inside:
.WrapTextHeader
{
word-wrap: break-word ;
}
After that add property CssClass to Header and set it to your class:
<ig:BoundDataField DataFieldName="ProductName" Key="ProductName">
<Header Text="HeaderTextIsToo Long To Be Displayed"
CssClass="WrapTextHeader" />
</ig:BoundDataField>
Please let me know if you need additional assistance
Thank you
Hello Hristo,
I too have same grid header text wrap problem. I tried above CSS code.
But I could not find word-wrap property in CSS. Suggest Please.
Thanks,
Sabarish.
Hello Sabarish,word-wrap is property invented by Microsoft and works in IE5.5+. It is added in CSS 3. It might now working with older versions of other browsers different than IE. You can try to use white-space property which works in a similar way. Probably you can’t find it because you are using different CSS Version for Validation. Just change it to Internet Explorer 6.0 and run it. It should run correctly even if you don’t change it. Please refer to the attached file.