Custom header and Custom item

4 posts, 0 answers
  1. Melvis
    Melvis avatar
    3 posts
    Member since:
    Nov 2012

    Posted 07 Dec 2012 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 10 Dec 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Melvis
    Melvis avatar
    3 posts
    Member since:
    Nov 2012

    Posted 10 Dec 2012 Link to this post

    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.
  5. Marin
    Admin
    Marin avatar
    1043 posts

    Posted 12 Dec 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top