Error using Telerik Radtreelist

Question

I’m trying to use the Radtreelist in a Webforms application with Masterpage unsuccessfully because there is an error in html tags:

Linha 59:     <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel1" 

I’ve tried to change: <qsf:ConfiguratorPanel for <asp:ConfiguratorPanel but ConfiguratorPanel is not an Aspnet control.

In the code I have already referenced the using Telerik.Web.UI;

This is the Default.aspx page

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebTreelist._Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
</asp:Content>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <div class="col-md-12">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <ajaxsettings>
          <telerik:AjaxSetting AjaxControlID="RadTreeList1">
            <UpdatedControls>
              <telerik:AjaxUpdatedControl ControlID="RadTreeList1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
          </telerik:AjaxSetting>
          <telerik:AjaxSetting AjaxControlID="ConfiguratorPanel1">
            <UpdatedControls>
              <telerik:AjaxUpdatedControl ControlID="RadTreeList1"></telerik:AjaxUpdatedControl>
              <telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
          </telerik:AjaxSetting>
        </ajaxsettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadTreeList RenderMode="Lightweight" ID="RadTreeList1" runat="server" OnNeedDataSource="RadTreeList1_NeedDataSource" ParentDataKeyNames="ParentID" DataKeyNames="ID" AllowPaging="true" AutoGenerateColumns="false" AllowSorting="true" ExpandCollapseMode="Client">
            <clientsettings>
          <Selecting AllowItemSelection="true" />
        </clientsettings>
            <columns>
          <telerik:TreeListBoundColumn DataField="ID" UniqueName="ID" HeaderText="Category ID">
          </telerik:TreeListBoundColumn>
          <telerik:TreeListTemplateColumn DataField="ProductName" UniqueName="ProductName" HeaderText="Product">
            <ItemTemplate>
              <%# Eval("ProductName")%>
                <%# Eval("Quantity").ToString() != "" ? "&nbsp;(" + Eval("Quantity").ToString() + ")" : ""%>
            </ItemTemplate>
          </telerik:TreeListTemplateColumn>
          <telerik:TreeListBoundColumn DataField="Price" UniqueName="Price" DataFormatString="{0:C2}" HeaderText="Price" DataType="System.Decimal">
          </telerik:TreeListBoundColumn>
          <telerik:TreeListCheckBoxColumn DataField="InStock" UniqueName="InStock" HeaderText="In stock">
          </telerik:TreeListCheckBoxColumn>
          <telerik:TreeListBoundColumn DataField="ParentID" UniqueName="ParentID" HeaderText="Parent Category ID">
          </telerik:TreeListBoundColumn>
        </columns>
        </telerik:RadTreeList>
        <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel1" Title="Demo Configurator">
            <views>
          <qsf:View>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Narrow">
              <fieldset>
                <legend>Visual Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox1" runat="server" Text="Show outer borders" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged"></asp:CheckBox>
                        </span>
              <br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox2" runat="server" Text="Show tree lines" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox2_CheckedChanged"></asp:CheckBox></span><br />
              <br />
              <label for="DropDownList1">
                            Change treelist lines:</label>
              <qsf:ComboBox runat="server" Size="Medium" OnSelectedIndexChanged="ComboBox1_SelectedIndexChanged" ID="ComboBox1" AutoPostBack="true">
                <Items>
                  <telerik:RadComboBoxItem Selected="True" Text="Both" Value="Both" />
                  <telerik:RadComboBoxItem Text="Horizontal" Value="Horizontal"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="None" Value="None"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Vertical" Value="Vertical"></telerik:RadComboBoxItem>
                </Items>
              </qsf:ComboBox>
            </qsf:ConfiguratorColumn>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Narrow">
              <fieldset>
                <legend>TreeList Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox3" runat="server" Text="Enable paging" Checked="true" AutoPostBack="true"
                                OnCheckedChanged="CheckBox3_CheckedChanged"></asp:CheckBox></span><br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox4" runat="server" Text="Enable sorting" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox4_CheckedChanged"></asp:CheckBox></span>
              <br />
              <br />
              <label for="RadComboBox1">
                            Expand Collapse Mode:</label>
              <qsf:ComboBox ID="ComboBox2" runat="server" AutoPostBack="true" Size="Medium" OnSelectedIndexChanged="ComboBox2_SelectedIndexChanged">
                <Items>
                  <telerik:RadComboBoxItem Text="Client" Value="Client" Selected="True"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Server" Value="Server"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Combined" Value="Combined"></telerik:RadComboBoxItem>
                </Items>
              </qsf:ComboBox>
            </qsf:ConfiguratorColumn>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" Size="Wide">
              <fieldset>
                <legend>Selection Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox5" runat="server" Text="Enable client-side items selection"
                                Checked="true" AutoPostBack="true" OnCheckedChanged="CheckBox5_CheckedChanged"></asp:CheckBox></span><br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox6" runat="server" Text="Allow multi-item selection" Checked="false"
                                AutoPostBack="true" OnCheckedChanged="CheckBox6_CheckedChanged"></asp:CheckBox></span>
            </qsf:ConfiguratorColumn>
          </qsf:View>
        </views>
        </qsf:ConfiguratorPanel>
    </div>
</asp:Content>

This is the master page

<%@  Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebTreelist.SiteMaster" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

<html lang="pt-br">

<head runat="server">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title></title>

    <!-- Bootstrap core CSS -->
    <link rel="Stylesheet" type="text/css" href="styles.css" />
    <!-- Bootstrap core CSS -->
    <link href="styles/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="styles/offcanvas.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">


    <asp:ContentPlaceHolder ID="head" runat="server" />

</head>
<body>

    <div class="container body-content">
        <div class="container-fluid">

            <form id="form1" runat="server">

                <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
                <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            </form>
        </div>
    </div>

    <script src="scripts/js/jquery-slim.min.js"></script>
    <script src="scripts/js/popper.min.js"></script>
    <script src="scripts/js/bootstrap.min.js"></script>
    <script src="scripts/js/offcanvas.js"></script>
    <script src="scripts/js/colapsemenu.js"></script>
    <script src="scripts/js/main.js"></script>

</body>
</html>

Can anyone tell me what it takes for Aspnet to recognize these elements of Telerik html ?

Answer 1

Remove the Registry from Telerik.QuickStart, as well as all components of this prefix. According to Telerik itself they are only used for configuration and display on their live demo pages.

Source