Custom header and Custom item

[Melvis]

Hi,

I am using the telerik asp.net ajax treelist to display data. For one of the column, I would like to display graphics display like rectangle, polygon or line for example showing progress of a task. For the same column, I would like to display a scale on its header column.

Is there a way to do this on client-side or server-side or both on the treelist? If yes, do you have an example for this? Thanks.

Best regards,
Melvis

[Princy]

Hi Melvis,

I suppose you want to show a progressarea in the header and items of a column. One suggestion is that you can add a RadProgressArea to the HeaderTemplate and ItemTemplate of TreeListTemplateColumn. Following is the sample code.

ASPX:

<telerik:TreeListTemplateColumn UniqueName="ColumnUniqueName" >
    <HeaderTemplate>
        <telerik:RadProgressManager ID="RadProgressManager1" runat="server" />
        <telerik:RadProgressArea ID="RadProgressArea1" runat="server">
        </telerik:RadProgressArea>
    </HeaderTemplate>
    <ItemTemplate>
        <telerik:RadProgressArea ID="RadProgressArea2" runat="server">
        </telerik:RadProgressArea>
    </ItemTemplate>
</telerik:TreeListTemplateColumn>

Regards,
Princy.

[Melvis]

No. I actually I want to display a filled -rectangle or partial-filled rectangle (depending on the row data) in the item. In the header, I want to display a scale ( a ruler) running from 60 to -60.

[Marin]

Hello,

 You can still make use of the HeaderTemplate of the TreeListTemplateColumn as Princy showed in the previous post. You can place arbitrary HTML there that suits your needs.
You can also check out the RadHTMLChart which provides various options for displaying data.

Regards,
Marin
the Telerik team