<%@ Page Title="" Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="AutoCompleteBox.Examples.Functionality.RenderModes.DefaultVB" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<
head
runat
=
"server"
>
<
title
>Telerik ASP.NET Example</
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
runat
=
"server"
ShowChooser
=
"true"
/>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadAutoCompleteBox
RenderMode
=
"Lightweight"
ID
=
"RadAutoCompleteBox1"
runat
=
"server"
Width
=
"300"
MaxResultCount
=
"5"
DropDownHeight
=
"180"
DataSourceID
=
"SqlDataSource1"
DataTextField
=
"ContactName"
EmptyMessage
=
"Select Customers"
DataValueField
=
"CustomerID"
>
</
telerik:RadAutoCompleteBox
>
<
asp:SqlDataSource
runat
=
"server"
ID
=
"SqlDataSource1"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
ProviderName="System.Data.SqlClient" SelectCommand="SELECT [CustomerID], [ContactName] FROM [Customers] ORDER By ContactName"></
asp:SqlDataSource
>
</
div
>
<
qsf:ConfiguratorPanel
runat
=
"server"
ID
=
"ConfigurationPanel1"
Title
=
"Render Mode"
>
<
Views
>
<
qsf:View
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn1"
runat
=
"server"
Title
=
"Change Rendering Mode"
Size
=
"Narrow"
>
<
asp:RadioButtonList
ID
=
"RadioButtonList1"
runat
=
"server"
AutoPostBack
=
"True"
RepeatLayout
=
"UnorderedList"
CssClass
=
"fb-group"
>
<
asp:ListItem
Value
=
"Lightweight"
Selected
=
"True"
>Lightweight</
asp:ListItem
>
<
asp:ListItem
Value
=
"Classic"
>Classic</
asp:ListItem
>
</
asp:RadioButtonList
>
</
qsf:ConfiguratorColumn
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn2"
runat
=
"server"
Size
=
"Wide"
Title
=
"Classic vs. Light rendering"
>
<
table
class
=
"table"
cellspacing
=
"0"
>
<
thead
>
<
tr
>
<
th
></
th
>
<
th
>Classic</
th
>
<
th
>Lightweight</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>
<
th
>Markup Size</
th
>
<
td
>
<
asp:Label
ID
=
"ClassicSize"
runat
=
"server"
></
asp:Label
></
td
>
<
td
>
<
asp:Label
ID
=
"LightweightSize"
runat
=
"server"
></
asp:Label
></
td
>
</
tr
>
<
tr
>
<
th
>CSS Size</
th
>
<
td
>7.2 KB</
td
>
<
td
>3.1 KB</
td
>
</
tr
>
<
tr
>
<
th
>Image Sprite Size</
th
>
<
td
>0.5 KB</
td
>
<
td
>30.9 KB*</
td
>
</
tr
>
</
tbody
>
</
table
>
</
qsf:ConfiguratorColumn
>
</
qsf:View
>
</
Views
>
</
qsf:ConfiguratorPanel
>
</
form
>
</
body
>
</
html
>