TreeList content NOT show in IE7

[Jianjun]

Hi All,

I'm using telerik Q3 for development. I put a RadTreeList in a NestedViewTemplate of a RadGrid, then bind the RadTreeList data in NeedDataSource event. It worked in IE8+, but for the IE7, the content can NOT show while the header show perfect. Can any one help on this?

Code as bellow:
<telerik:RadGrid ID="blockdetails_grid" runat="server" CssClass="teterik_chart_grid telerik-grid" Height="99.8%" Width="99.8%" ShowStatusBar="true" AutoGenerateColumns="False"
AllowMultiRowSelection="False" GridLines="None" AllowPaging="true" PageSize="10" OnItemDataBound="BlockDetails_Grid_ItemDataBound"
OnNeedDataSource="BlockDetails_Grid_NeedDataSource" OnItemCommand="BlockDetails_Grid_ItemCommand">
<ClientSettings EnableRowHoverStyle="true">
<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />
</ClientSettings>
<PagerStyle Mode="NumericPages"></PagerStyle>
<MasterTableView Width="100%" DataKeyNames="Name" AllowMultiColumnSorting="false">
<HeaderStyle BackColor="#E1E1E1" />
<NestedViewTemplate>
<telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-treelist" Height="99.8%" Width="99.8%"
DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by" OnNeedDataSource="BlockDetails_TreeList_NeedDataSource"
AutoGenerateColumns="false" ShowTreeLines="false">
<HeaderStyle BackColor="#E1E1E1" />
<Columns>
<telerik:TreeListTemplateColumn HeaderText="SessionID" DataField="i_session_id" UniqueName="i_session_id" HeaderStyle-Width="5%" ItemStyle-Width="5%">
<ItemTemplate>
<asp:LinkButton runat="server" ID="sessionid_linkbutton" Text='<%# DataBinder.Eval(Container.DataItem, "i_session_id") %>' OnClientClick="return clientSessionIDClick(this);"></asp:LinkButton>
</ItemTemplate>
</telerik:TreeListTemplateColumn>
<telerik:TreeListBoundColumn HeaderText="Level" DataField="i_level" UniqueName="i_level" HeaderStyle-Width="5%" ItemStyle-Width="5%"></telerik:TreeListBoundColumn>
 </Columns>
</telerik:RadTreeList>
</NestedViewTemplate>
<Columns>
<telerik:GridBoundColumn HeaderText="Server Name" DataField="Name" UniqueName="ServerName" HeaderButtonType="TextButton">
</telerik:GridBoundColumn>
 </Columns>
</MasterTableView>
</telerik:RadGrid>

[Jianjun]

I enable Scrolling in client and it render strange, code like:

<NestedViewTemplate>
                    <telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-treelist" Height="99.8%" Width="99.8%"
                        DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by" OnNeedDataSource="BlockDetails_TreeList_NeedDataSource"
                        AutoGenerateColumns="false" ShowTreeLines="false">
                        <HeaderStyle BackColor="#E1E1E1" />
                        <ClientSettings>
                            <Scrolling AllowScroll="true" SaveScrollPosition="true" />
                        </ClientSettings>
                        <Columns>

[Jianjun]

Almost solved this issue by adding a Div out of RadTreeList, but still NOT exactly like what I want. Code as bellow:

<NestedViewTemplate>
                    <div style="height: auto; width: 100%; float: left; display: inline-block; zoom: 1; *display: inline-block;">
                        <telerik:RadTreeList runat="server" ID="blockdetails_treelist" CssClass="teterik_chart_grid telerik-grid"
                            DataKeyNames="i_session_id" ParentDataKeyNames="i_blocked_by"

[Eyup]

Hello Jianjun,

I have created a sample RadGrid web site to test the described behavior. Please run the attached application and implement the demonstrated approaches in your own application let me know about the result.

Regards,
Eyup
Telerik

 

 

[Jianjun]

Hi Eyup,

Thanks for this reply. I tried your code and it did not work. In IE7, it looks like the original issue I met and in IE10, it looks like div I used. Both of them are NOT what I want. But still thanks for you reply.

[Eyup]

Hello Jianjun,

In that case I would suggest that you open a formal support ticket to send us the modified version of the sample or a new runnable web site demonstrating the exact problematic behavior. Thus, we will be able to further debug and analyze the project and suggest a more accurate and more-to-point solution.

Regards,
Eyup
Telerik