help please! i cant hide expand/collapse images

[liliana rojas]

Hello there, well im having a problem with hiding expand/collapse images when i have no records, i followed this example http://www.telerik.com/help/aspnet/grid/grdhideexpandcollapseimageswhennorecordsclientloadmode.html, but nothing happens, what am i doing wrong? ive also followed some other examples in this forum but they dont seem to work, well heres my code:

<telerik:RadGrid ID="rgridProyecto" AutoGenerateColumns="false" Skin="Vista" SelectedItemStyle-BackColor="AliceBlue"   oncolumncreated="RadGrid1_ColumnCreated"
    onitemcreated="RadGrid1_ItemCreated" onneeddatasource="RadGrid1_NeedDataSource" AllowSorting="true" ClientSettings-AllowColumnHide="true"
     runat="server"  AlternatingItemStyle-BackColor="AliceBlue" Width="100%" ClientSettings-AllowRowHide="true" SelectedItemStyle-Font-Bold="true" MasterTableView-AllowSorting="true">

            <MasterTableView HierarchyDefaultExpanded="true"  AllowMultiColumnSorting="True" NoMasterRecordsText=" "  NoDetailRecordsText=" "
 HierarchyLoadMode="Client" AllowSorting="true" GridLines="Horizontal" EnableNoRecordsTemplate="true" DataKeyNames="ID,ParentID" Width="100%">

    <SelfHierarchySettings ParentKeyName="ParentID" KeyName="ID"/>

    <Columns>
    <telerik:GridTemplateColumn  UniqueName="Title" SortExpression="Title" HeaderText="Participación"  HeaderStyle-Width="35%" ConvertEmptyStringToNull="true">

    <ItemTemplate>
     <asp:Image ID="Image1" ImageUrl=<%# Eval("Imagen")%>  runat="server" />
     <a href="javascript:OpenAsunto('<%# Eval("Link")%>');"> <%# Eval("Title")%> <%# Eval("Autor")%> <%# Eval("Fecha")%></a>

    </ItemTemplate>
    </telerik:GridTemplateColumn>
    <telerik:GridBoundColumn SortExpression="Responsable" HeaderText="Responsable" DataField="Responsable" UniqueName="Responsable" HeaderStyle-Width="20%">
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn SortExpression="Cierra" HeaderText="Cierra" DataField="Cierra" UniqueName="Cierra" HeaderStyle-Width="10%">
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn SortExpression="Perspectiva" HeaderText="Perspectiva" DataField="Perspectiva" UniqueName="Perspectica" HeaderStyle-Width="12%">
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn SortExpression="Impacto" HeaderText="Impacto" DataField="Impacto" UniqueName="Impacto" HeaderStyle-Width="15%">
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn SortExpression="IE" HeaderText="I/E" DataField="IE" UniqueName="IE" HeaderStyle-Width="10%">
    </telerik:GridBoundColumn>
    </Columns>

    </MasterTableView>

            <ClientSettings EnableRowHoverStyle="true" AllowExpandCollapse="true">
            <ClientEvents OnRowCreated="RowCreated" />
                <Selecting AllowRowSelect="true" />
            </ClientSettings>

    </telerik:RadGrid>

<script type="text/javascript">
     function RowCreated(rowObject) {
         if (rowObject.ItemType == "NestedView") {

             var nestedTable = rowObject.Control.cells[1].childNodes[0];

             if (nestedTable != null && nestedTable.tBodies[0].rows.length == 1 && nestedTable.innerHTML.indexOf(" ") != -1) {
                 var parentRow = this.Control.rows[rowObject.Control.rowIndex - 1];
                 parentRow.cells[0].childNodes[0].style.display = "none";
                 rowObject.Control.style.display = "none";
             }
         }
     }
       </script>

thanks in advance, sorry for my bad english.

[Pavlina]

Hi Liliana,

You have followed the example, which demonstrates how to hide expand/collapse image of hierarchy grid for ASP.NET. Therefore I suggest that you refer to the article below for ASP.NET AJAX and see if it works as expected. 
http://www.telerik.com/help/aspnet-ajax/grid-hide-expand-collapse-images-when-no-records.html

Regards,
Pavlina
the Telerik team