<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ListBox.Examples.Functionality.RenderModes.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html>
<
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"
/>
<
div
class
=
"demo-container size-narrow"
>
<
telerik:RadListBox
RenderMode
=
"Lightweight"
ID
=
"RadListBox1"
runat
=
"server"
Height
=
"200px"
Width
=
"200px"
AllowTransfer
=
"true"
TransferToID
=
"RadListBoxDestination"
>
<
Items
>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem1"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem2"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem3"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem4"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem5"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem6"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem7"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem8"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem9"
/>
<
telerik:RadListBoxItem
Text
=
"RadListBoxItem10"
/>
</
Items
>
</
telerik:RadListBox
>
<
telerik:RadListBox
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"RadListBoxDestination"
Height
=
"200px"
Width
=
"200px"
>
</
telerik:RadListBox
>
</
div
>
<
qsf:ConfiguratorPanel
runat
=
"server"
ID
=
"ConfiguratorPanel1"
Title
=
"Render mode comparison"
>
<
Views
>
<
qsf:View
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn1"
runat
=
"server"
Title
=
"Render mode"
Size
=
"Narrow"
>
<
qsf:RadioButtonList
ID
=
"RadioButtonList1"
runat
=
"server"
AutoPostBack
=
"True"
CssClass
=
"fb-group"
>
<
asp:ListItem
Value
=
"Lightweight"
Selected
=
"True"
>Lightweight</
asp:ListItem
>
<
asp:ListItem
Value
=
"Classic"
>Classic</
asp:ListItem
>
</
qsf: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
>20.6 KB</
td
>
<
td
>13.05 KB</
td
>
</
tr
>
<
tr
>
<
th
>Image Sprite Size</
th
>
<
td
>2.78 KB</
td
>
<
td
>17.8 KB*</
td
>
</
tr
>
</
tbody
>
</
table
>
</
qsf:ConfiguratorColumn
>
</
qsf:View
>
</
Views
>
</
qsf:ConfiguratorPanel
>
</
form
>
</
body
>
</
html
>