TreeView rendering issue

[karvendan palanisamy]

I've a TreeView in asp.net User control page. In Firefox the control renders fine, But in IE7 and IE8 the TreeView looks like a List with bullet points instead of tree structure. The skin also not applied in IE.

<div style="padding-left: 10px;" class="minwidth_650">
    <table width="100%">
        <tr>
      <td colspan="2"
     <telerik:RadTreeView ID="rtvAssignedNodes" runat="server" EnableDragAndDrop="True" OnNodeDrop="rtvGroups_HandDrop"
       OnClientNodeDropping="onNodeDropping" OnClientNodeDragging="onNodeDragging" MultipleSelect="true"
                                            EnableDragAndDropBetweenNodes="true">
                                        </telerik:RadTreeView>
                                    </td>
                                </tr>
                            </table>

Have attached the screen shot of Firefox and IE,  Please help me to identify the issue

[karvendan palanisamy]

I have added the screen shot to describe the problem

[Yana]

Hello Karvendan,

I guess that you have some css styles on the page that overwrite treeview's styles.  RadTreeView nodes are rendered as <ul>, so please check whether you've set some styles for the <ul> elements on the page.

All the best,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[karvendan palanisamy]

Hi,
  It was a problem with Telerik.Web.UI dll version problem, After replace the right version issue got solved.Thank you so much for reply

--KARVENDAN

[Justin]

Hi,
I think I have a very similar problem to what was described in this  post. I have placed a RadGrid and RadTreeView inside a RadPageView and I am using the assembly version 2009.2.701.35

The RadTreeView and RadGrid display correctly in Firefox. But in IE8, none of the gridlines of the RadGrid are displayed only the fields and buttons, and the nodes of the RadTreeView do not appear either. As a test I removed the styling on the ul tags and this at least displayed the nodes as bullet points. But even if the RadTreeView can be fixed up, I've still got to sort out the gridlines in the RadGrid.

Here is the code infront

        <telerik:RadPageView runat="server" ID="rpvConsumables">
                                <telerik:RadTreeView runat="server" ID="radtvwConsumables" OnNodeExpand="radtvwConsumables_NodeExpand" OnNodeClick="radtvwConsumables_NodeClick"  >
                                </telerik:RadTreeView>

                                <telerik:RadGrid ID="radgrdConsumable" runat="server" AutoGenerateColumns="false"
                                OnNeedDataSource="radgrdConsumable_NeedDataSource"
                                OnDeleteCommand="radgrdConsumable_DeleteCommand"
                                OnItemCommand="radgrdConsumable_ItemCommand" >
                                    <mastertableview datakeynames="ConsumableID, ProductID">
                                        <Columns>
                                            <telerik:GridTemplateColumn UniqueName="ConsumableID" DataField="WarrantyID" HeaderText="Consumable">
                                                <ItemTemplate>
                                                    <asp:Literal runat="server" ID="litConsumable" Text='<%#GetConsumableName(int.Parse(Eval("ConsumableID").ToString())) %>' />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="MoveUp" ReadOnly="true">
                                                <ItemTemplate>
                                                    <asp:ImageButton runat="server" ID="imgbtnMoveUp" CssClass="move_up" CommandName="moveup" ImageUrl="/images/action_up.gif" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="MoveDown" ReadOnly="true">
                                                <ItemTemplate>
                                                    <asp:ImageButton runat="server" ID="imgbtnMoveDown" CssClass="move_down" CommandName="movedown" ImageUrl="/images/action_down.gif" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridButtonColumn UniqueName="Delete" ConfirmText="Remove the consumable from the current product?" CommandName="Delete" Text="Delete" ButtonCssClass="delete" ButtonType="ImageButton" ImageUrl="~/images/action_delete.gif"></telerik:GridButtonColumn>
                                        </Columns>
                                    </mastertableview>
                                        <ClientSettings AllowExpandCollapse="true" AllowRowsDragDrop="false" >
                                            <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
                                        </ClientSettings>
                                </telerik:RadGrid>
        </telerik:RadPageView>

Any help would be much appreciated

Justin

[Yana]

Hello Justin,

I cannot reproduce this issue, I guess that you switch the pageviews with ajax requests. Is the situation? Can you send us more details/code? Thanks

Best wishes,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Justin]

Hi Yana,

Thanks for you help with this.

Yes, I assume that ajax requests are being used to switch between pageviews, since an event is not being used in the code behind to manage the pageview switching

Thanks again

Justin

Here is all the code infront

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductEdit.ascx.cs" Inherits="Company.Modules.Products.Admin.Controls.ProductEdit" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="InHouse.Framework.DotNetNuke" Namespace="InHouse.Framework.DNN.Web.UI.Ajax" TagPrefix="ltAjax" %>
<%@ Register Assembly="InHouse.Company.BLL" Namespace="Company.Web.UI.WebControls" TagPrefix="Company" %>
<%@ Register Assembly="InHouse.Framework" Namespace="InHouse.Framework.Web.UI.WebControls" TagPrefix="lt" %>
<%@ Register Assembly="InHouse.Framework.DotNetNuke" Namespace="InHouse.Framework.DNN.Web.UI.WebControls" TagPrefix="ltDNN" %>
<%@ Register Src="~/controls/urlcontrol.ascx" TagPrefix="dnn" TagName="url" %>

<h3>Edit Product Details</h3>
<ltDNN:PageValidator runat="server" ID="pvProductEdit" CssClass="error" HeaderText="Please correct the following issues before continuing:" ResourceKey="ErrorSummary" />


<telerik:RadTabStrip ID="radtabProduct" SelectedIndex="0" runat="server"
    MultiPageID="radmpProduct" Skin="Office2007" CssClass="tabStrip"
    CausesValidation="False">
    <Tabs>
        <telerik:RadTab Text="Product Details" Selected="True" />
        <telerik:RadTab Text="Product Mappings"  />
        <telerik:RadTab Text="Specifications" />
        <telerik:RadTab Text="Images"  />
        <telerik:RadTab Text="Consumables"  />
        <telerik:RadTab Text="Support Pages"  />
        <%--<telerik:RadTab Text="Warranty"  />--%>
    </Tabs>
</telerik:RadTabStrip>

<telerik:RadToolTipManager runat="server" ID="radttmHelp" Skin="Office2007" ManualClose="true" Position="BottomRight" RelativeTo="Element" Animation="Resize" />
<telerik:RadFormDecorator runat="server" ID="radfdNew" Skin="Office2007" DecoratedControls="None" DecorationZoneID="product_edit" />

<div id="product_edit">
    <telerik:RadMultiPage ID="radmpProduct" runat="server" SelectedIndex="0" CssClass="multiPage">
        <telerik:RadPageView runat="server" ID="rpvDetails" Selected="true">
            <div class="page">
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Product Details</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblModel" ControlName="txtModel" TooltipManager="radttmHelp">
                                    <asp:RequiredFieldValidator runat="server" ID="rfvAddModel" ControlToValidate="txtModel" Text="<em>*</em>" Display="Static" ErrorMessage="Model number is required." />
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtModel" CssClass="NormalText" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblName" ControlName="txtName" TooltipManager="radttmHelp">
                                    <asp:RequiredFieldValidator ID="rfvAddName" runat="server" ControlToValidate="txtName" Text="<em>*</em>" Display="Static" ErrorMessage="Product Name is required." />
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtName" CssClass="NormalText" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblSeoKey" ControlName="txtSeoKey" TooltipManager="radttmHelp">
                                    <asp:RequiredFieldValidator ID="rfvAddSeoKey" runat="server" ControlToValidate="txtSeoKey" Text="<em>*</em>" Display="Static" ErrorMessage="Product SEO key is required." />
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtSeoKey" CssClass="NormalText" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblKeywords" ControlName="txtKeywords" TooltipManager="radttmHelp">
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtKeywords" CssClass="NormalText" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblShortDescription" ControlName="txtShortDescription" TooltipManager="radttmHelp">
                                    <asp:RequiredFieldValidator ID="rfvAddDescription" runat="server" ControlToValidate="txtShortDescription" Text="<em>*</em>" Display="Static" ErrorMessage="Product short description is required." />
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtShortDescription" CssClass="NormalText" TextMode="MultiLine" Rows="3" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblDescription" ControlName="radDescription" TooltipManager="radttmHelp">
                                </ltAjax:Label>
                            </th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radDescription" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" Height="200px">
                                    <Tools>
                                        <telerik:EditorToolGroup >
                                            <telerik:EditorTool name="AjaxSpellCheck"/>
                                            <telerik:EditorTool Name="Cut" />
                                            <telerik:EditorTool Name="Copy" />
                                            <telerik:EditorTool Name="Paste" />
                                            <telerik:EditorSeparator />
                                            <telerik:EditorTool name="Bold" shortcut="CTRL+B"/>
                                            <telerik:EditorTool name="Italic" shortcut="CTRL+I"/>
                                            <telerik:EditorTool name="Underline" shortcut="CTRL+U"/>
                                            <telerik:EditorSeparator />
                                            <telerik:EditorTool name="Indent" />
                                            <telerik:EditorTool name="Outdent" />
                                            <telerik:EditorSeparator />
                                            <telerik:EditorTool name="InsertOrderedList" />
                                            <telerik:EditorTool name="InsertUnorderedList" />
                                        </telerik:EditorToolGroup>
                                    </Tools>
                                </telerik:RadEditor>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblKeyFeatures" ControlName="txtShortDescription" TooltipManager="radttmHelp">
                                </ltAjax:Label>
                            </th>
                            <td><asp:TextBox runat="server" ID="txtKeyFeatures" CssClass="NormalText" TextMode="MultiLine" Rows="3" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblType" ControlName="chkConsumer" TooltipManager="radttmHelp"/>
                            </th>
                            <td>
                                <asp:CheckBox runat="server" ID="chkConsumer" Text="Consumer" />
                                <asp:CheckBox runat="server" ID="chkCommercial" Text="Commercial" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblIsNew" ControlName="chkIsNew" TooltipManager="radttmHelp" />
                            </th>
                            <td><asp:CheckBox runat="server" ID="chkIsNew" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblIsActive" ControlName="chkIsActive" TooltipManager="radttmHelp"/>
                            </th>
                            <td><asp:CheckBox runat="server" ID="chkIsActive" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblIsCurrent" ControlName="chkIsCurrent" TooltipManager="radttmHelp"/>
                            </th>
                            <td><asp:CheckBox runat="server" ID="chkIsCurrent" /></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblIsReleased" ControlName="chkIsReleased" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <asp:CheckBox runat="server" ID="chkIsReleased" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblReleaseDate" ControlName="radReleaseDate" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <telerik:RadDatePicker runat="server" ID="radReleaseDate" Skin="Office2007" DateInput-DateFormat="dd/MM/yyyy">
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblDiscontinuedDate" ControlName="radDiscontinuedDate" TooltipManager="radttmHelp" />
                            </th>
                            <td><telerik:RadDatePicker runat="server" ID="radDiscontinuedDate" Skin="Office2007" DateInput-DateFormat="dd/MM/yyyy"></telerik:RadDatePicker></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblRRP" ControlName="radtxtRRP" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <telerik:RadNumericTextBox runat="server" ID="radtxtRRP" Type="Currency" Value="0">
                                    <NumberFormat DecimalDigits="2" DecimalSeparator="." />
                                </telerik:RadNumericTextBox>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblBrochureURL" ControlName="urlBrochure" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <dnn:url runat="server" ID="urlBrochure" ShowTrack="false" FileFilter="pdf" ShowTabs="false" ShowLog="false" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblManualUrl" ControlName="urlManual" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <dnn:url runat="server" ID="urlManual" ShowTrack="false" FileFilter="pdf" ShowTabs="false" ShowLog="false" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblDriversUrl" ControlName="urlDrivers" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <dnn:url runat="server" ID="urlDrivers" ShowTrack="false" FileFilter="pdf" ShowTabs="false" ShowLog="false" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblFAQUrl" ControlName="urlFAQ" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <dnn:url runat="server" ID="urlFAQ" ShowTrack="false" FileFilter="pdf" ShowTabs="false" ShowLog="false" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="rpvCategory">
            <div class="page">
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td colspan="2">Category</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblParent" ControlName="cmbParentCategory" TooltipManager="radttmHelp"></ltAjax:Label></th>
                            <td><telerik:RadComboBox runat="server" ID="cmbParentCategory" OnLoad="cmbParentCategory_Load" AutoPostBack="true" CausesValidation="false" OnSelectedIndexChanged="cmbParentAdd_SelectedIndexChanged" Skin="Office2007"></telerik:RadComboBox></td>
                        </tr>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblSubCategories" ControlName="radlstSubCategories" TooltipManager="radttmHelp">
                                    <asp:CustomValidator runat="server" ID="cvSubCategories" ErrorMessage="At least one sub category must be selected" Text="*" Display="Dynamic" OnServerValidate="cvSubCategories_ServerValidate" />
                                </ltAjax:Label>
                            </th>
                            <td><telerik:RadListBox runat="server" ID="radlstSubCategories" OnDataBinding="radlstSubCategories_DataBinding" Skin="Office2007" CheckBoxes="true" SelectionMode="Multiple"></telerik:RadListBox></td>
                        </tr>
                    </tbody>
                </table>
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td colspan="2">Awards</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblAwards" ControlName="alProducts" TooltipManager="radttmHelp"></ltAjax:Label></th>
                            <td><Company:AwardsList runat="server" ID="alProducts" /></td>
                        </tr>
                    </tbody>
                </table>
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td colspan="2">Similar Products</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblSimilarProducts" ControlName="plProducts" TooltipManager="radttmHelp"></ltAjax:Label></th>
                            <td><Company:ProductList runat="server" ID="plProducts" RepeatDirection="Horizontal" RepeatColumns="4" /></td>
                        </tr>
                    </tbody>
                </table>
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td colspan="2">Features</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblFeatures" ControlName="plProducts" TooltipManager="radttmHelp"></ltAjax:Label></th>
                            <td><Company:FeatureList runat="server" ID="flProducts" RepeatDirection="Horizontal" RepeatColumns="4" /></td>
                        </tr>
                    </tbody>
                </table>

            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="rpvSpecification">
            <div class="page">
                <fieldset>
                    <legend>Product Specifications</legend>
                    <asp:Repeater runat="server" ID="rptProductSpecifications" OnItemDataBound="rptProductSpecifications_ItemDataBound">
                        <HeaderTemplate>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <table class="fieldset">
                                <thead>
                                    <tr>
                                        <td colspan="2"><%#Eval("Name") %></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <asp:GridView runat="server" ID="grdSpecification" AutoGenerateColumns="false" ShowHeader="false" ShowFooter="false" GridLines="None" OnRowDataBound="grdSpecification_RowDataBound">
                                                <Columns>
                                                    <asp:TemplateField>
                                                        <ItemTemplate>
                                                            <asp:Label runat="server" ID="lblSpecification" Text='<%#Eval("Name") %>' AssociatedControlID="psItem" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField>
                                                        <ItemTemplate>
                                                            <Company:ProductSpecification runat="server" ID="psItem" SpecificationID='<%#(int)Eval("SpecificationID") %>' SpecificationType='<%#(Company.Common.SpecificationTypeEnum)Eval("SpecType") %>' />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                            </asp:GridView>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </ItemTemplate>
                        <FooterTemplate>
                        </FooterTemplate>
                    </asp:Repeater>
                </fieldset>
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="rpvFiles">
            <div class="page">
                <telerik:RadProgressManager id="radPMUpload" runat="server" Skin="Office2007" />
                <telerik:RadProgressArea id="radPAUpload" runat="server" Skin="Office2007" />

                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Product Images</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblImages" ControlName="radImages" TooltipManager="radttmHelp" /></th>
                            <td><telerik:RadUpload runat="server" ID="radImages" AllowedFileExtensions=".jpeg,.jpg,.gif,.png" MaxFileInputsCount="7" ControlObjectsVisibility="AddButton" InitialFileInputsCount="1" OnPreRender="radImages_PreRender" /></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td></td>
                            <td>
                                <asp:Button runat="server" ID="btnUpload" Text="Upload" CausesValidation="false" OnClick="btnUpload_Click" OnPreRender="btnUpload_PreRender" />
                            </td>
                        </tr>
                    </tfoot>
                </table>

                <telerik:RadGrid runat="server" ID="radgrdImages" OnNeedDataSource="radgrdImages_NeedDataSource"
                                                   OnItemCommand="radgrdImages_ItemCommand"
                                                   OnDeleteCommand="radgrdImages_DeleteCommand"
                                                   AllowSorting="false"
                                                                       AutoGenerateColumns="false" AllowMultiRowEdit="false" Skin="Office2007" ShowStatusBar="true">

                    <MasterTableView HierarchyDefaultExpanded="false" DataKeyNames="Position" CommandItemDisplay="None">
                        <Columns>
                            <telerik:GridBinaryImageColumn UniqueName="Image" DataField="ProductImage" HeaderText="Image" ResizeMode="Fit" ImageHeight="100" ImageWidth="200"  />
                            <telerik:GridTemplateColumn UniqueName="BannerImageView" HeaderText="" ReadOnly="true">
                                <ItemTemplate>
                                    <asp:HyperLink runat="server" ID="hypViewImage" NavigateUrl="#" Text="View image" />
                                    <telerik:RadToolTip ID="radttImage" runat="server" TargetControlID="hypViewImage"
                                                        RelativeTo="Element" Position="BottomCenter" ShowEvent="OnClick" ManualClose="true" Skin="Office2007">
                                                        <telerik:RadBinaryImage runat="server" ID="radbiImage" DataValue='<%# Eval("ProductImage")%>'  />
                                                    </telerik:RadToolTip>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="MoveUp" ReadOnly="true">
                                <ItemTemplate>
                                    <asp:ImageButton runat="server" ID="imgbtnMoveUp" CssClass="move_up" CommandName="moveup" ImageUrl="/images/action_up.gif" />
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="MoveDown" ReadOnly="true">
                                <ItemTemplate>
                                    <asp:ImageButton runat="server" ID="imgbtnMoveDown" CssClass="move_down" CommandName="movedown" ImageUrl="/images/action_down.gif" />
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                           <telerik:GridButtonColumn UniqueName="Delete" ConfirmText="Remove this image from the product?" CommandName="Delete" Text="Delete" ButtonCssClass="delete" ButtonType="ImageButton" ImageUrl="/images/action_delete.gif">
                                <ItemStyle HorizontalAlign="Center" />
                            </telerik:GridButtonColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings AllowExpandCollapse="true" AllowRowsDragDrop="false">
                        <Selecting AllowRowSelect="false" EnableDragToSelectRows="false" />
                    </ClientSettings>
                </telerik:RadGrid>

                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Specification Image</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblSpecImage" ControlName="radSpecImage" TooltipManager="radttmHelp" /></th>
                            <td><telerik:RadUpload runat="server" ID="radSpecImage" AllowedFileExtensions=".jpeg,.jpg,.gif,.png" MaxFileInputsCount="1" ControlObjectsVisibility="None" InitialFileInputsCount="1" /></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td></td>
                            <td>
                                <asp:Button runat="server" ID="btnSpecImage" Text="Upload" CausesValidation="false" OnClick="btnSpecUpload_Click" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <telerik:RadBinaryImage runat="server" ID="radBISpecImage" Height="50" Width="50" />
                            </td>
                        </tr>
                    </tfoot>
                </table>

                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Support Image</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblSupportImage" ControlName="radSupportImage" TooltipManager="radttmHelp" /></th>
                            <td><telerik:RadUpload runat="server" ID="radSupportImage" AllowedFileExtensions=".jpeg,.jpg,.gif,.png" MaxFileInputsCount="1" ControlObjectsVisibility="None" InitialFileInputsCount="1" /></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td></td>
                            <td>
                                <asp:Button runat="server" ID="btnSupportImage" Text="Upload" CausesValidation="false" OnClick="btnSupportUpload_Click" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <telerik:RadBinaryImage runat="server" ID="radBISupportImage" Height="20" Width="20" AutoAdjustImageControlSize="true"  />
                            </td>
                        </tr>
                    </tfoot>
                </table>

                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Product Tour</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>
                                <ltAjax:Label runat="server" ID="lblProductTourUrl" ControlName="urlProductTourUrl" TooltipManager="radttmHelp" />
                            </th>
                            <td>
                                <dnn:url runat="server" ID="urlProductTourUrl" ShowTrack="false" FileFilter="" ShowTabs="false" ShowLog="false" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="rpvConsumables">
            <div class="page">
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Consumables</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblConsumables" ControlName="radOverviewIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadTreeView runat="server" ID="radtvwConsumables" OnNodeExpand="radtvwConsumables_NodeExpand" OnNodeClick="radtvwConsumables_NodeClick"  >
                                </telerik:RadTreeView>
                            </td>
                            <td>
                                <telerik:RadGrid ID="radgrdConsumable" runat="server" AutoGenerateColumns="false"
                                OnNeedDataSource="radgrdConsumable_NeedDataSource"
                                OnDeleteCommand="radgrdConsumable_DeleteCommand"
                                OnItemCommand="radgrdConsumable_ItemCommand" >
                                    <mastertableview datakeynames="ConsumableID, ProductID">
                                        <Columns>
                                            <telerik:GridTemplateColumn UniqueName="ConsumableID" DataField="WarrantyID" HeaderText="Consumable">
                                                <ItemTemplate>
                                                    <asp:Literal runat="server" ID="litConsumable" Text='<%#GetConsumableName(int.Parse(Eval("ConsumableID").ToString())) %>' />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="MoveUp" ReadOnly="true">
                                                <ItemTemplate>
                                                    <asp:ImageButton runat="server" ID="imgbtnMoveUp" CssClass="move_up" CommandName="moveup" ImageUrl="/images/action_up.gif" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="MoveDown" ReadOnly="true">
                                                <ItemTemplate>
                                                    <asp:ImageButton runat="server" ID="imgbtnMoveDown" CssClass="move_down" CommandName="movedown" ImageUrl="/images/action_down.gif" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridButtonColumn UniqueName="Delete" ConfirmText="Remove the consumable from the current product?" CommandName="Delete" Text="Delete" ButtonCssClass="delete" ButtonType="ImageButton" ImageUrl="~/images/action_delete.gif"></telerik:GridButtonColumn>
                                        </Columns>
                                    </mastertableview>
                                        <ClientSettings AllowExpandCollapse="true" AllowRowsDragDrop="false" >
                                            <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
                                        </ClientSettings>
                                </telerik:RadGrid>

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

            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="rpvSupportPages">
            <div class="page">
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Support Pages</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblOverviewIntro" ControlName="radOverviewIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radOverviewIntro" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" ToolProviderID="radDescription" Height="200px">
                                </telerik:RadEditor>
                            </td>
                        </tr>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblDownloadIntro" ControlName="radDownloadIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radDownloadIntro" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" ToolProviderID="radDescription" Height="200px">
                                </telerik:RadEditor>
                            </td>
                        </tr>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblManualIntro" ControlName="radManualIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radManualIntro" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" ToolProviderID="radDescription" Height="200px">
                                </telerik:RadEditor>
                            </td>
                        </tr>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblFAQIntro" ControlName="radFAQIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radFAQIntro" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" ToolProviderID="radDescription" Height="200px">
                                </telerik:RadEditor>
                            </td>
                        </tr>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblConsumableIntro" ControlName="radConsumableIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadEditor runat="server" ID="radConsumableIntro" Skin="Office2007" StripFormattingOnPaste="All" ToolbarMode="ShowOnFocus" ToolProviderID="radDescription" Height="200px">
                                </telerik:RadEditor>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="RadPageView1"  >
            <div class="page">
                <table class="fieldset">
                    <thead>
                        <tr>
                            <td>Warranty</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><ltAjax:Label runat="server" ID="lblWarranty" ControlName="radOverviewIntro" TooltipManager="radttmHelp" /></th>
                            <td>
                                <telerik:RadGrid ID="radgrdWarranty" runat="server" AutoGenerateColumns="false"
                                OnNeedDataSource="radgrdWarranty_NeedDataSource"
                                OnInsertCommand="radgrdWarranty_InsertCommand"
                                OnDeleteCommand="radgrdWarranty_DeleteCommand"
                                OnItemCommand="radgrdWarranty_ItemCommand" >
                                    <mastertableview datakeynames="WarrantyID, ProductID" commanditemdisplay="Top">
                                        <Columns>
                                            <telerik:GridEditCommandColumn UniqueName="Edit" EditText="Edit" ButtonType="LinkButton" />
                                            <telerik:GridTemplateColumn UniqueName="WarrantyID" DataField="WarrantyID" HeaderText="Warranty Name">
                                                <ItemTemplate>
                                                    <asp:Literal runat="server" ID="litWarranty" Text='<%#GetWarrantyName(int.Parse(Eval("WarrantyID").ToString())) %>' />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="ValueX" DataField="ValueX" HeaderText="Duration(Months)">
                                                <ItemTemplate>
                                                    <asp:Label runat="server" ID="lblValueX" Text='<%#Eval("ValueX") %>' />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridButtonColumn UniqueName="Delete" ConfirmText="Remove the warranty from the current product?" CommandName="Delete" Text="Delete" ButtonCssClass="delete" ButtonType="ImageButton" ImageUrl="~/images/action_delete.gif"></telerik:GridButtonColumn>
                                        </Columns>
                                        <CommandItemTemplate>
                                            <div class="command">
                                               <asp:LinkButton ID="lnkbntAdd" runat="server" CommandName="InitInsert" CausesValidation="false" ><asp:Image ID="Image1" style="border:0px;vertical-align:middle;" runat="server" ImageUrl="~/images/add.gif" />Add New</asp:LinkButton>
                                            </div>
                                        </CommandItemTemplate>
                                        <EditFormSettings EditFormType="Template">
                                            <FormTemplate>
                                                <table class="data">
                                                    <thead>
                                                        <tr>
                                                            <td colspan="4">Warranty Information</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Warranty</td>
                                                            <td><Company:WarrantyList runat="server" ID="cmbWarranties" SelectedValue='<%# Bind("WarrantyID") %>' /></td>
                                                            <td>Value</td>
                                                            <td><asp:TextBox runat="server" ID="txtValue" Text='<%# Bind("ValueX") %>' /></td>
                                                        </tr>
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td align="right" colspan="4">
                                                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                                                                </asp:Button>&nbsp;
                                                                <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
                                                                    CommandName="Cancel"></asp:Button>
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </FormTemplate>
                                        </EditFormSettings>
                                    </mastertableview>
                                        <ClientSettings AllowExpandCollapse="true" AllowRowsDragDrop="false" >
                                            <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
                                        </ClientSettings>
                                </telerik:RadGrid>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </telerik:RadPageView>
    </telerik:RadMultiPage>
    <div id="buttons">
        <asp:Button runat="server" ID="btnSave" Text="Update" OnClick="btnSave_Click" />
        <asp:Button runat="server" ID="btnDelete" Text="Delete" OnClick="btnDelete_Click"  />
        <asp:Button runat="server" ID="btnCancel" Text="Cancel" OnClick="btnCancel_Click" CausesValidation="false" />
    </div>
</div>

[Yana]

Hi Justin,

I cannot run this code - it has too many external references, please try to isolate it in a simple page.

All the best,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[lynd wil]

Was this issue ever resolved ?

I have an almost identical situation..

A tabstrip which fires a pageview where a radtreeview sits inside a grid

I too get the bullet points instead of a proper render. also, i lose functionality with highlight etc...

as it stands at the moment. i can't even bind inside the treeview but can if i bind outside

any ideas ?

[Yana]

Hi lynd,

We need more details about the issue you're experiencing. Please send us simple runnable code which will help us replicate the problem. Thank you in advance

All the best,
Yana
the Telerik team

[Scott Rakestraw]

Was anything ever found on this bug?  I have tried, unsuccessfully so far, to replicate it in a test project but it is happening in my real project.

[Yana]

Hi Scott,

Please explain in more details your situation and/or send us live url.

Best wishes,
Yana
the Telerik team

[Aarsh]

I do not know how reasonable would it be to do nacropsoting but if this still an issue, please refer to my other post at :

http://www.telerik.com/community/forums/aspnet-ajax/treeview/radtreeview-for-asp-net-ajax-not-rendering-properly.aspx#2662287

HTH

Cheers,
-Aarsh

[Joe Giese]

Rad Treeview check box is not click able in IE 11.02. It is working on all other browser fine. When we turn on the compatibility mode on IE. then it works. How can we fix this?

[Plamen]

Hi Martin,

I have tested the described scenario with our on-line demo but could not observe it at our side. Here is a video of my test. Please review it and let me know what other setting or code should be added in order to observe the issue and be more helpful.

Regards,
Plamen
Telerik