Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Issues with Radgrid Rendering

2 Answers 71 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
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

Sort by
0
Paul
Top achievements
Rank 1
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="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>
                                        <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>
0
Paul
Top achievements
Rank 1
answered on 16 Sep 2013, 02:31 PM
I was able to resolve both issues.

Sorry for wasting your time.

Regards
  Paul
Tags
General Discussions
Asked by
Paul
Top achievements
Rank 1
Answers by
Paul
Top achievements
Rank 1
Share this question
or