TreeView rendering issue

15 posts, 0 answers
  1. karvendan palanisamy
    karvendan palanisamy avatar
    3 posts
    Member since:
    Oct 2009

    Posted 26 Nov 2009 Link to this post

    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

  2. karvendan palanisamy
    karvendan palanisamy avatar
    3 posts
    Member since:
    Oct 2009

    Posted 26 Nov 2009 Link to this post

    I have added the screen shot to describe the problem
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 27 Nov 2009 Link to this post

    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.
  5. karvendan palanisamy
    karvendan palanisamy avatar
    3 posts
    Member since:
    Oct 2009

    Posted 29 Nov 2009 Link to this post

    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
  6. Justin
    Justin avatar
    4 posts
    Member since:
    Feb 2009

    Posted 21 Feb 2010 Link to this post

    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
  7. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 24 Feb 2010 Link to this post

    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.
  8. Justin
    Justin avatar
    4 posts
    Member since:
    Feb 2009

    Posted 28 Feb 2010 Link to this post

    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> 


  9. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 04 Mar 2010 Link to this post

    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.
  10. lynd wil
    lynd wil avatar
    4 posts
    Member since:
    Nov 2009

    Posted 16 Jun 2010 Link to this post

    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 ?
  11. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 17 Jun 2010 Link to this post

    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
    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
  12. Scott Rakestraw
    Scott Rakestraw avatar
    84 posts
    Member since:
    Sep 2005

    Posted 21 Sep 2010 Link to this post

    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.
  13. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 24 Sep 2010 Link to this post

    Hi Scott,

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

    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
  14. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 13 Jun 2013 Link to this post

    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
  15. Ramin Aminloo
    Ramin Aminloo avatar
    35 posts
    Member since:
    Dec 2009

    Posted 14 Feb 2014 Link to this post

    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?
  16. Plamen
    Admin
    Plamen avatar
    2733 posts

    Posted 19 Feb 2014 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017