This is a migrated thread and some comments may be shown as answers.

[Solved] Issues with Radgrid Rendering

2 Answers 137 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Paul asked on 13 Sep 2013, 05:10 PM

1-Layout-of-activity-stream-before-expanding-Post.png

2-View-after-expanding-Post-to-View-Comments.png

I am using the Radgrid to support Social Activity streams. I am using GridTemplateColumn to format the activityStream Posts and Comments to the Posts. When I click on expand (1 comment link) to view the comments to the posts, the format of the Posts below the Comments somehow reformat. Below is the Aspx page. I have also provided 2 screen shots; One with the view of Activity Stream before expanding a Post to view the comments, the second view is after expanding a Post. Notice that the comment is not indented as well notice the Posts below the comment. They is no alternating row colors and the font seems to have changed. I have viewed the page on various browsers and the result is the same. If you would to see alive demonstration I can setup a GoToMeeting. Note that to expand a post I am clicking on the 1 Comments link on each post rather than using the built-In expand /Collapse + column.

<telerik:RadGrid ClientSettings-Resizing-AllowColumnResize="true" PageSize="10" ID="grdActivityStream"

Height="679px" Width="97.0%" ShowStatusBar="True" runat="server" AutoGenerateColumns="False"

AllowSorting="True" AllowPaging="false" GridLines="None" Skin="Vista" ClientSettings-Selecting-AllowRowSelect="True"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

AllowMultiRowSelection="True" OnItemInserted="grdActivityStream_ItemInserted"

OnNeedDataSource="grdActivityStream_NeedDataSource" ClientSettings-Scrolling-AllowScroll="true"

ClientSettings-Scrolling-UseStaticHeaders="true" ClientSettings-Scrolling-ScrollHeight="100%"

OnPreRender="grdActivityStream_PreRender" OnItemCommand="grdActivityStream_ItemCommand"

OnItemUpdated="grdActivityStream_ItemUpdated" OnItemDataBound="grdActivityStream_ItemDataBound"

CellSpacing="0">

<MasterTableView DataKeyNames="ID" AllowMultiColumnSorting="True" CommandItemDisplay="Top"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

EditMode="PopUp" ClientDataKeyNames="ID">

<CommandItemTemplate>

<div style="float: left;">

</div>

<div style="float: right; text-align: right;">

<asp:Label ID="lblRecordCount" runat="server" Text="" OnPreRender="lblRecordCount_PreRender"></asp:Label>

<asp:LinkButton ID="lnkPageHelp" runat="server" OnClientClick="openPageHelp();return false;"><img style="border:0px" alt="" src="Images/Fast Icon Images/help3.png" /> </asp:LinkButton>

<asp:LinkButton ID="lnkRefresh" runat="server" CommandName="Refresh"><img style="border:0px" alt="" src="Images/Fast Icon Images/refresh2.png" /> Refresh</asp:LinkButton>

</div>

</CommandItemTemplate>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="false" FilterControlAltText="ExpandColumn column">

</ExpandCollapseColumn>

<PagerTemplate>

<asp:Panel ID="pnlPager" CssClass="pager" runat="server">

<div style="margin: 0px; float: right;">

Displaying page

<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>

of

<%# DataBinder.Eval(Container, "Paging.PageCount")%>

, items

<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>

to

<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>

of

<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>

</div>

<div style="width: 260px; margin: 0px; padding: 0px; float: left; margin-right: 10px;

margin-bottom: 300px; white-space: nowrap;">

<asp:Button ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"

CommandName="Page" CommandArgument="First" Text="" CssClass="PagerButton FirstPage" />

<asp:Button ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"

CommandName="Page" CommandArgument="Prev" Text="" CssClass="PagerButton PrevPage" />

<span style="vertical-align: middle;">Page:</span>

<telerik:RadNumericTextBox ID="numTargetPage" Width="25px" Value='<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>'

runat="server">

<ClientEvents OnValueChanged="numTargetPage_ValueChanged" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

<span style="vertical-align: middle;">of

<%# DataBinder.Eval(Container, "Paging.PageCount")%>

</span>

<asp:Button ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"

CommandName="Page" CommandArgument="Next" Text="" CssClass="PagerButton NextPage" />

<asp:Button ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"

CommandName="Page" CommandArgument="Last" Text="" CssClass="PagerButton LastPage" />

</div>

<div>

<span style="margin-right: 3px;">Page size:</span>

<telerik:RadComboBox ID="ddlPageSize" DataSource="<%# new object[]{10, 20, 30, 40, 50} %>"

Style="margin-right: 20px;" Width="40px" SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>'

runat="server" OnClientSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">

</telerik:RadComboBox>

</div>

<asp:Panel runat="server" ID="NumericPagerPlaceHolder" />

</asp:Panel>

</PagerTemplate>

<PagerStyle Mode="NumericPages" PageButtonCount="10" AlwaysVisible="true" />

<Columns>

<telerik:GridClientSelectColumn FilterControlAltText="Filter column column" Visible="false"

UniqueName="selControl">

<FooterStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" Width="40px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridClientSelectColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="BriefDesc" AllowFiltering="false">

<ItemTemplate>

<table style="border-style: hidden; border-width: 0px; border-color: transparent;

empty-cells: hide;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:ImageButton ID="imgPersonalPhoto" runat="server" Width="55px" Height="55px" />

<asp:Label ID="lblID" runat="server" Text='<%# Eval("ID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblPersonID" runat="server" Text='<%# Eval("PersonID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblContextID1" runat="server" Text='<%# Eval("ContextID1") %>' Visible="false"></asp:Label>

<asp:Label ID="lbLinkUrl" runat="server" Text='<%# Eval("LinkUrl") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkName" runat="server" Text='<%# Eval("LinkName") %>' Visible="false"></asp:Label>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:LinkButton ID="lnkName" runat="server" Text='<%# Eval("Name") %>' OnClick="lnkName_Click"

Visible="true" />

<asp:LinkButton ID="lnkGroup" runat="server" Visible="false" OnClick="lnkGroup_Click" />

<asp:LinkButton ID="lnkHashtag1" runat="server" Visible="false" OnClick="lnkHashtag1_Click" />

<asp:LinkButton ID="lnkHashtag2" runat="server" Visible="false" OnClick="lnkHashtag2_Click" />

<asp:LinkButton ID="lnkHashtag3" runat="server" Visible="false" OnClick="lnkHashtag3_Click" />

<asp:LinkButton ID="lnkHashtag4" runat="server" Visible="false" OnClick="lnkHashtag4_Click" />

<asp:LinkButton ID="lnkHashtag5" runat="server" Visible="false" OnClick="lnkHashtag5_Click" />

<asp:LinkButton ID="lnkHashtag6" runat="server" Visible="false" OnClick="lnkHashtag6_Click" />

</td>

</tr>

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:Label ID="lblComment" runat="server" Text='<%# Eval("Comment") %>' Visible="True"></asp:Label>

</td>

</tr>

</table>

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<a href="javascript:;" onclick="javascript:window.open('<%#Eval("LinkUrl") %> ','','scrollbars=no, status=no, resizable=yes');return false;">

<%# Eval("LinkName") %></a>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden;">

<td style="width: 75px; border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="btnCollapse" runat="server" CommandName="ExpandCollapse" ToolTip="Collapse"

Visible="False " />

<asp:LinkButton ID="btnExpand" runat="server" CommandName="ExpandCollapse" ToolTip="Expand" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkComment" Width="95px" Text="Post Comment" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTip1" Skin="Vista" runat="server" TargetControlID="lnkComment"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtComment" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="uplUploadPhoto" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlLabel" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLabel" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlLabel1" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrl" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkUpload" Width="55px" Text="Upload" Visible="false" runat="server"

OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkShare" runat="server" Text="Post" OnClick="lnkShare_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancel" runat="server" OnClick="lnkCancel_Click" Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblError" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkEdit" Width="40px" Text="Edit" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTipEdit" Skin="Vista" runat="server" TargetControlID="lnkEdit"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtCommentEdit" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="RadUpload1" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="UrlLableEdit" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLableEdit" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlEdit" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlEdit" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="LinkButton1" Width="55px" Text="Upload" Visible="false" runat="server"

OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkUpdate" runat="server" Text="Update" OnClick="lnkUpdate_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancelEdit" runat="server" OnClick="lnkCancelEdit_Click" Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblErrorEdit" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkDelete" Width="40px" Text="Delete" runat="server" OnClientClick="javascript:return confirm('Delete Comment?')"

OnClick="lnkdelete_Click"></asp:LinkButton>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:Label ID="lblTimeStamp" runat="server" Text='<%# Eval("Timestamp") %>' Visible="True"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" DataSourceID="SqlActivityStreamResponse"

runat="server" CommandItemDisplay="Top" ClientSettings-Selecting-AllowRowSelect="True"

Skin="Vista" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

ClientSettings-Scrolling-AllowScroll="true" ClientSettings-Scrolling-UseStaticHeaders="true"

EditMode="PopUp" CssClass="innerGridBorder">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="false"></PagerStyle>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="ID" MasterKeyField="ID" />

</ParentTableRelation>

<CommandItemTemplate>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf" ShowExportToExcelButton="True"

ShowExportToPdfButton="True"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn HeaderText="" UniqueName="BriefDesc" AllowFiltering="false">

<ItemTemplate>

<table style="border-style: hidden; border-width: 0px;">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:ImageButton ID="imgPersonalPhoto" runat="server" Width="55px" Height="55px" />

</td>

<td style="border-style: hidden;">

<table style="border-style: none; border-width: 0px; empty-cells: hide">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' Visible="True"></asp:Label>

</td>

</tr>

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:Label ID="lblComment" runat="server" Text='<%# Eval("Comment") %>' Visible="True"></asp:Label>

</td>

</tr>

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<a href="javascript:;" onclick="javascript:window.open('<%#Eval("LinkUrl") %> ','','scrollbars=no, status=no, resizable=yes');return false;">

<%# Eval("LinkName") %></a>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px;">

<tr style="border-style: hidden;">

<td style="border-style: hidden; padding-left: 65px">

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkEditComment" Width="40px" Text="Edit" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTipEditComment" Skin="Vista" runat="server" TargetControlID="lnkEditComment"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtCommentEditComment" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="RadUpload1" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="UrlLableEdit" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLableEditComment" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlEdit" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlEditComment" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkUpdateComment" Width="55px" Text="Upload" Visible="false"

runat="server" OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkUpdate" runat="server" Text="Update" OnClick="lnkUpdateCommment_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancelEditComment" runat="server" OnClick="lnkCancelEditComment_Click"

Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblErrorEditComment" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden;">

<asp:LinkButton ID="lnkDelete" Width="40px" Text="Delete" runat="server" OnClientClick="javascript:return confirm('Delete Comment?')"

OnClick="lnkdelete_Click"></asp:LinkButton>

</td>

<td style="border-style: hidden;">

<asp:Label ID="lblTimeStamp" runat="server" Text='<%# Eval("Timestamp") %>' Visible="True"></asp:Label>

<asp:Label ID="lblPersonID" runat="server" Text='<%# Eval("PersonID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblID" runat="server" Text='<%# Eval("ID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkName" runat="server" Text='<%# Eval("LinkName") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkUrl" runat="server" Text='<%# Eval("LinkUrl") %>' Visible="false"></asp:Label>

</td>

</tr>

</table>

</td> </tr> </table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowKeyboardNavigation="true">

<ClientEvents OnGridCreated="GridCreated" />

<Selecting AllowRowSelect="True"></Selecting>

<Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>

</ClientSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

2 Answers, 1 is accepted

answered on 16 Sep 2013, 02:17 PM

Expanded-activityStream.png

I was able to resolved the issue with expanding a row and subsequent rows not formatted correctly. It turned to be some extraneous ,td><table> tags.

There still is the issue of not being able to indent the expanded row. Below is the latest aspx page:

I have taken an updated screenshot.

Regards
Paul

<telerik:RadGrid ClientSettings-Resizing-AllowColumnResize="true" PageSize="10" ID="grdActivityStream"

Height="679px" Width="97.0%" ShowStatusBar="false" runat="server" AutoGenerateColumns="False"

AllowSorting="True" AllowPaging="false" GridLines="Both" Skin="Vista" ClientSettings-Selecting-AllowRowSelect="false"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

AllowMultiRowSelection="false" OnItemInserted="grdActivityStream_ItemInserted"

OnNeedDataSource="grdActivityStream_NeedDataSource" ClientSettings-Scrolling-AllowScroll="true"

ClientSettings-Scrolling-UseStaticHeaders="true" ClientSettings-Scrolling-ScrollHeight="100%"

OnPreRender="grdActivityStream_PreRender" OnItemCommand="grdActivityStream_ItemCommand"

OnItemUpdated="grdActivityStream_ItemUpdated" OnItemDataBound="grdActivityStream_ItemDataBound"

CellSpacing="0">

<MasterTableView DataKeyNames="ID" AllowMultiColumnSorting="True" CommandItemDisplay="Top"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

EditMode="PopUp" ClientDataKeyNames="ID">

<CommandItemTemplate>

<div style="float: left;">

</div>

<div style="float: right; text-align: right;">

<asp:Label ID="lblRecordCount" runat="server" Text="" OnPreRender="lblRecordCount_PreRender"></asp:Label>

<asp:LinkButton ID="lnkRefresh" runat="server" CommandName="Refresh"><img style="border:0px" alt="" src="Images/Fast Icon Images/refresh2.png" /> Refresh</asp:LinkButton>

</div>

</CommandItemTemplate>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="false" FilterControlAltText="ExpandColumn column">

</ExpandCollapseColumn>

<PagerTemplate>

<asp:Panel ID="pnlPager" CssClass="pager" runat="server">

<div style="margin: 0px; float: right;">

Displaying page

<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>

of

<%# DataBinder.Eval(Container, "Paging.PageCount")%>

, items

<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>

to

<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>

of

<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>

</div>

<div style="width: 260px; margin: 0px; padding: 0px; float: left; margin-right: 10px;

margin-bottom: 300px; white-space: nowrap;">

<asp:Button ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"

CommandName="Page" CommandArgument="First" Text="" CssClass="PagerButton FirstPage" />

<asp:Button ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"

CommandName="Page" CommandArgument="Prev" Text="" CssClass="PagerButton PrevPage" />

<span style="vertical-align: middle;">Page:</span>

<telerik:RadNumericTextBox ID="numTargetPage" Width="25px" Value='<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>'

runat="server">

<ClientEvents OnValueChanged="numTargetPage_ValueChanged" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

<span style="vertical-align: middle;">of

<%# DataBinder.Eval(Container, "Paging.PageCount")%>

</span>

<asp:Button ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"

CommandName="Page" CommandArgument="Next" Text="" CssClass="PagerButton NextPage" />

<asp:Button ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"

CommandName="Page" CommandArgument="Last" Text="" CssClass="PagerButton LastPage" />

</div>

<div>

<span style="margin-right: 3px;">Page size:</span>

<telerik:RadComboBox ID="ddlPageSize" DataSource="<%# new object[]{10, 20, 30, 40, 50} %>"

Style="margin-right: 20px;" Width="40px" SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>'

runat="server" OnClientSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">

</telerik:RadComboBox>

</div>

<asp:Panel runat="server" ID="NumericPagerPlaceHolder" />

</asp:Panel>

</PagerTemplate>

<PagerStyle Mode="NumericPages" PageButtonCount="10" AlwaysVisible="true" />

<Columns>

<telerik:GridClientSelectColumn FilterControlAltText="Filter column column" Visible="false"

UniqueName="selControl">

<FooterStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" Width="40px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridClientSelectColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="BriefDesc" AllowFiltering="false">

<ItemTemplate>

<table style="border-style: hidden; border-width: 0px; border-color: transparent;

empty-cells: hide;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:ImageButton ID="imgPersonalPhoto" runat="server" Width="55px" Height="55px" />

<asp:Label ID="lblID" runat="server" Text='<%# Eval("ID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblPersonID" runat="server" Text='<%# Eval("PersonID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblContextID1" runat="server" Text='<%# Eval("ContextID1") %>' Visible="false"></asp:Label>

<asp:Label ID="lbLinkUrl" runat="server" Text='<%# Eval("LinkUrl") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkName" runat="server" Text='<%# Eval("LinkName") %>' Visible="false"></asp:Label>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:LinkButton ID="lnkName" runat="server" Text='<%# Eval("Name") %>' OnClick="lnkName_Click"

Visible="true" />

<asp:LinkButton ID="lnkGroup" runat="server" Visible="false" OnClick="lnkGroup_Click" />

<asp:LinkButton ID="lnkHashtag1" runat="server" Visible="false" OnClick="lnkHashtag1_Click" />

<asp:LinkButton ID="lnkHashtag2" runat="server" Visible="false" OnClick="lnkHashtag2_Click" />

<asp:LinkButton ID="lnkHashtag3" runat="server" Visible="false" OnClick="lnkHashtag3_Click" />

<asp:LinkButton ID="lnkHashtag4" runat="server" Visible="false" OnClick="lnkHashtag4_Click" />

<asp:LinkButton ID="lnkHashtag5" runat="server" Visible="false" OnClick="lnkHashtag5_Click" />

<asp:LinkButton ID="lnkHashtag6" runat="server" Visible="false" OnClick="lnkHashtag6_Click" />

</td>

</tr>

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:Label ID="lblComment" runat="server" Text='<%# Eval("Comment") %>' Visible="True"></asp:Label>

</td>

</tr>

</table>

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<a href="javascript:;" onclick="javascript:window.open('<%#Eval("LinkUrl") %> ','','scrollbars=no, status=no, resizable=yes');return false;">

<%# Eval("LinkName") %></a>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden;">

<td style="width: 75px; border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="btnCollapse" runat="server" CommandName="ExpandCollapse" ToolTip="Collapse"

Visible="False " />

<asp:LinkButton ID="btnExpand" runat="server" CommandName="ExpandCollapse" ToolTip="Expand" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkComment" Width="95px" Text="Post Comment" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTip1" Skin="Vista" runat="server" TargetControlID="lnkComment"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtComment" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="uplUploadPhoto" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlLabel" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLabel" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlLabel1" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrl" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkUpload" Width="55px" Text="Upload" Visible="false" runat="server"

OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkShare" runat="server" Text="Post" OnClick="lnkShare_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancel" runat="server" OnClick="lnkCancel_Click" Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblError" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkEdit" Width="40px" Text="Edit" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTipEdit" Skin="Vista" runat="server" TargetControlID="lnkEdit"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtCommentEdit" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="RadUpload1" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="UrlLableEdit" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLableEdit" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlEdit" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlEdit" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="LinkButton1" Width="55px" Text="Upload" Visible="false" runat="server"

OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkUpdate" runat="server" Text="Update" OnClick="lnkUpdate_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancelEdit" runat="server" OnClick="lnkCancelEdit_Click" Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblErrorEdit" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkDelete" Width="40px" Text="Delete" runat="server" OnClientClick="javascript:return confirm('Delete Comment?')"

OnClick="lnkdelete_Click"></asp:LinkButton>

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:Label ID="lblTimeStamp" runat="server" Text='<%# Eval("Timestamp") %>' Visible="True"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" DataSourceID="SqlActivityStreamResponse"

runat="server" CommandItemDisplay="Top" ClientSettings-Selecting-AllowRowSelect="True"

Skin="Vista" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

ClientSettings-Scrolling-AllowScroll="true" ClientSettings-Scrolling-UseStaticHeaders="true"

EditMode="PopUp" CssClass="innerGridBorder">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="false"></PagerStyle>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="ID" MasterKeyField="ID" />

</ParentTableRelation>

<CommandItemTemplate>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf" ShowExportToExcelButton="True"

ShowExportToPdfButton="True"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn HeaderText="" UniqueName="BriefDesc" AllowFiltering="false">

<ItemTemplate>

<table style="border-style: hidden; border-width: 0px;">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:ImageButton ID="imgPersonalPhoto" runat="server" Width="55px" Height="55px" />

</td>

<td style="border-style: hidden;">

<table style="border-style: none; border-width: 0px; empty-cells: hide">

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' Visible="True"></asp:Label>

</td>

</tr>

<tr style="border-style: hidden;">

<td style="border-style: hidden;">

<asp:Label ID="lblComment" runat="server" Text='<%# Eval("Comment") %>' Visible="True"></asp:Label>

</td>

</tr>

</table>

<table style="border-style: none; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<a href="javascript:;" onclick="javascript:window.open('<%#Eval("LinkUrl") %> ','','scrollbars=no, status=no, resizable=yes');return false;">

<%# Eval("LinkName") %></a>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px;">

<tr style="border-style: hidden;">

<td style="border-style: hidden; padding-left: 65px">

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkEditComment" Width="40px" Text="Edit" runat="server"></asp:LinkButton>

<telerik:RadToolTip ID="RadToolTipEditComment" Skin="Vista" runat="server" TargetControlID="lnkEditComment"

ShowEvent="OnClick" VisibleOnPageLoad="false" Modal="false" Position="BottomCenter"

HideEvent="ManualClose" Width="200px" Height="150px" BackColor="White">

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; padding-bottom: 10px;">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<telerik:RadTextBox ID="txtCommentEditComment" MaxLength="256" runat="server" Width="550px"

TextMode="MultiLine" Rows="3" ToolTip="Provide a meaningful Comment">

</telerik:RadTextBox>

<telerik:RadUpload ID="RadUpload1" runat="server" Visible="false" ControlObjectsVisibility="None"

OverwriteExistingFiles="true" Localization-Select="Add" TargetFolder="~/Images/Photos/"

ToolTip="Click on Add to upload your photo">

</telerik:RadUpload>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; empty-cells: hide; padding-bottom: 15px;">

<tr style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="UrlLableEdit" runat="server" Text="URL Label:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlLableEditComment" runat="server">

</telerik:RadTextBox>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblUrlEdit" runat="server" Text="URL:"></asp:Label>

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<telerik:RadTextBox ID="txtUrlEditComment" runat="server" Width="250px">

</telerik:RadTextBox>

</td>

</tr>

</table>

<table style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent; \">

<tr style="border-style: hidden; empty-cells: hide;">

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkUpdateComment" Width="55px" Text="Upload" Visible="false"

runat="server" OnClick="lnklnkUpload_Click"></asp:LinkButton>

<asp:LinkButton ID="lnkUpdate" runat="server" Text="Update" OnClick="lnkUpdateCommment_Click" />

</td>

<td style="border-style: hidden; empty-cells: hide;">

<asp:LinkButton ID="lnkCancelEditComment" runat="server" OnClick="lnkCancelEditComment_Click"

Text="Cancel" />

</td>

<td style="border-style: hidden; border-width: 0px; empty-cells: hide; outline-style: none;

border-color: transparent;">

<asp:Label ID="lblErrorEditComment" runat="server" ForeColor="Red"></asp:Label>

</td>

</tr>

</table>

</telerik:RadToolTip>

</td>

<td style="border-style: hidden;">

<asp:LinkButton ID="lnkDelete" Width="40px" Text="Delete" runat="server" OnClientClick="javascript:return confirm('Delete Comment?')"

OnClick="lnkdelete_Click"></asp:LinkButton>

</td>

<td style="border-style: hidden;">

<asp:Label ID="lblTimeStamp" runat="server" Text='<%# Eval("Timestamp") %>' Visible="True"></asp:Label>

<asp:Label ID="lblPersonID" runat="server" Text='<%# Eval("PersonID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblID" runat="server" Text='<%# Eval("ID") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkName" runat="server" Text='<%# Eval("LinkName") %>' Visible="false"></asp:Label>

<asp:Label ID="lblLinkUrl" runat="server" Text='<%# Eval("LinkUrl") %>' Visible="false"></asp:Label>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowKeyboardNavigation="true">

<ClientEvents OnGridCreated="GridCreated" />

<Selecting AllowRowSelect="True"></Selecting>

<Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>

</ClientSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>