I'm trying to use RadTreeList in a WebForms application with MasterPage unsuccessful because error occurs in html tags:
Linha 59: <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel1"
I have tried to change from: <qsf:ConfiguratorPanel
to <asp:ConfiguratorPanel
but ConfiguratorPanel
is not an AspNet control.
In the code I 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() != "" ? " (" + 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 Telerik html elements?