<%@ Page AutoEventWireup="false" CodeFile="DefaultCS.aspx.cs" Inherits="DropDownTree.Examples.Functionality.Filtering.DefaultCS"Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<script src="scripts.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.Application.add_load(function () {
var $ = $telerik.$;
demo.$conversationWindow = $("#conversation-window");
demo.$name = $(".name");
demo.$mail = $(".mail");
demo.$phone = $(".phone");
demo.imageHolder = document.getElementById("image-placeholder");
demo.messageButton = $find('<%= RadButton1.ClientID%>');
demo.callButton = $find('<%= RadButton2.ClientID%>');
});
//]]>
</script>
<div class="demo-container no-bg">
<div class="qsf-demo-canvas">
<div class="header">Addressbook</div>
<telerik:RadDropDownTree RenderMode="Lightweight" ID="RadDropDownTree1" runat="server" Width="250" EnableFiltering="true"
OnClientClearButtonClicked="onClientClearButtonClicked" OnClientEntryAdded="onClientEntryAdded"
DataFieldID="ID" DataFieldParentID="ParentID" DataValueField="Value" DataTextField="Text"
Skin="Silk" CssClass="address-dropdown">
<DropDownSettings Height="200" OpenDropDownOnLoad="true" />
<ButtonSettings ShowClear="true" />
<FilterSettings Highlight="Matches" EmptyMessage="Type here to find a contact" />
</telerik:RadDropDownTree>
<div id="conversation-window" class="converesation-window disabled">
<div id="image-placeholder"></div>
<div class="name">
<div class="first-name"></div>
<div class="last-name"></div>
</div>
<ul>
<li><strong>e-mail</strong>: <span class="mail"></span></li>
<li><strong>phone</strong>: <span class="phone"></span></li>
</ul>
<div class="buttons">
<telerik:RadButton RenderMode="Lightweight" ID="RadButton1" runat="server" Skin="Silk" Text="Send Message" Enabled="false" AutoPostBack="false">
<Icon PrimaryIconCssClass="send-message" />
</telerik:RadButton>
<telerik:RadButton RenderMode="Lightweight" ID="RadButton2" runat="server" Skin="Silk" Text="Make a Call" Enabled="false" AutoPostBack="false">
<Icon PrimaryIconCssClass="make-call" />
</telerik:RadButton>
</div>
</div>
</div>
</div>
</form>
</body>
</html>