Multi Line Header

[Orit]

Is there a way to set the header to be multi line
when the text is long
Thanks.

[Vlad]

Hello Orit,

Please check this project for more info:
http://www.telerik.com/ClientsFiles/133336_217627-multi-line-column-header.zip

Kind regards,
Vlad
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Calvin]

Does your example still exist?  The link returns a 404.

This works:

<telerik:GridViewDataColumn.Header>
    <TextBlock TextAlignment="Center" Padding="0 3">
        <TextBlock.Inlines>
            <Run>Component</Run>
            <LineBreak />
            <Run>Hub</Run>
            <LineBreak />
            <Run>Assembly</Run>
        </TextBlock.Inlines>
    </TextBlock>
</telerik:GridViewDataColumn.Header>

But it's not very elegant.  I suspect there's a better way.
Thanks

[Milan]

Hi Calvin,

Could you please take a look at this blog post and let me know if that is what you are looking for.

Kind regards,
Milan
the Telerik team

[Calvin]

Thanks, I'm glad to learn about the merged column headers (placed in a row above the un-merged column headers).  I'll certainly use that functionality.

But what I'm actually looking for is a better way to handle the following scenario:

transform this
A very long multiple word column header
short item 1
short item 2
short item 3

into this
A very long
multiple word
column header
short item 1
short item 2
short item 3

And do this in a way that preserves the automatic column sizing capability.  The technique I mentioned in the previous post works; but it's a bit of a hassle to declare the column headers.

[Pete]

Fyi - the referenced link was not found, but can I get further details on using multi-line radgrid column headers?

[Yoan]

Hello Pete,

I can suggest you to check this help article where you can find information about merged GridViewColumn's headers.

All the best,
Yoan
the Telerik team

[Pete]

I've used this code, but still no wrapping.  The header text is Compartment Number.

 

 

protected void CompartmentsGrid_PreRender(object sender, EventArgs e)

 

{

 

 

GridHeaderItem header = (GridHeaderItem)CompartmentsGrid.MasterTableView.GetItems(GridItemType.Header)[0];

 

header[

 

"Number"].Wrap = true;

 

header[

 

"Number"].Width = Unit.Pixel(100);

 

}

Thanks for any help.

[Yoan]

Hello Pete,


You can define GridViewDataColumn's header like so:

<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}">
                   <telerik:GridViewDataColumn.Header>
                       <TextBlock Text="this is very very very very very very very very very long text " Width="100" TextWrapping="Wrap"/>
                   </telerik:GridViewDataColumn.Header>
               </telerik:GridViewDataColumn>

I have prepared a sample project that shows you the approach. Please find it attached.

Kind regards,
Yoan
the Telerik team

[Pete]

Thanks Yoan, but I'm using a telerik radgrid and there is no <telerik:GridBoundColumn.Header> element.

Am I missing something?

[Vlad]

Hi,

It seems that your are using the grid for ASP.NET. Please post your question in the relevant forum category!

Greetings,
Vlad
the Telerik team