<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.FilterExamplesVB.Overview.DefaultVB" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="ConfiguratorPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>
<asp:Panel ID="Panel1" runat="server" CssClass="demo-container">
<div style="margin-bottom: 10px">
<telerik:RadFilter RenderMode="Lightweight" runat="server" ID="RadFilter2" FilterContainerID="RadListView1"
ExpressionPreviewPosition="Bottom">
</telerik:RadFilter>
</div>
<div>
<telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" Width="100%"
PageSize="8" AllowPaging="True" runat="server" ItemPlaceholderID="ProductsHolder"
DataKeyNames="OrderID">
<ItemTemplate>
<div class="rlvA">
<fieldset>
<table>
<tr>
<td>
<strong>OrderID:</strong>
<asp:Label ID="OrderIDLabel" runat="server" Text='<%#Eval("OrderID") %>'></asp:Label>
<br />
<strong>Order date:</strong>
<asp:Label ID="OrderDateLabel" runat="server" Text='<%# DirectCast(Eval("OrderDate"),DateTime).ToShortDateString() %>'></asp:Label>
<br />
<strong>Ship city:</strong>
<asp:Label ID="ShipCityLabel" runat="server" Text='<%#Eval("ShipCity") %>'></asp:Label>
<br />
<strong>Ship country:</strong>
<asp:Label ID="ShipCountryLabel" runat="server" Text='<%# Eval("ShipCountry") %>'></asp:Label>
<br />
<strong>Ship name:</strong>
<asp:Label ID="ShipNameLabel" runat="server" Text='<%#Eval("ShipName") %>'></asp:Label>
<br />
</td>
<td>
<img src="images/ordertracking.png" alt="" />
</td>
</tr>
</table>
</fieldset>
</div>
</ItemTemplate>
<LayoutTemplate>
<fieldset style="padding: 10px;">
<legend style="margin-left: 20px">Orders</legend>
<div class="RadListView RadListViewFloated RadListView_Default">
<div class="rlvFloated">
<div id="ProductsHolder" runat="server">
</div>
</div>
<div style="display: none">
<telerik:RadCalendar RenderMode="Lightweight" ID="rlvSharedCalendar" runat="server" RangeMinDate="<%#new DateTime(1900, 1, 1) %>"
Skin="<%#Container.Skin %>">
</telerik:RadCalendar>
</div>
<div style="display: none">
<telerik:RadTimeView ID="rlvSharedTimeView" runat="server" Skin="<%# Container.Skin %>">
</telerik:RadTimeView>
</div>
<div>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" PageSize="8" runat="server">
<Fields>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
</Fields>
</telerik:RadDataPager>
</div>
</div>
</fieldset>
</LayoutTemplate>
</telerik:RadListView>
</div>
</asp:Panel>
<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
SelectCommand="Select OrderID, OrderDate, ShipVia, ShipName, ShipAddress, ShipCity, ShipCountry FROM Orders"></asp:SqlDataSource>
<qsf:ConfiguratorPanel ID="ConfiguratorPanel1" runat="server">
<Views>
<qsf:View>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Narrow">
<ul class="fb-group">
<li>
<span class="label">Operation Mode</span>
<qsf:RadioButtonList ID="OperationMode" runat="server" AutoPostBack="true" OnSelectedIndexChanged="OperationMode_SelectedIndexChanged">
<asp:ListItem Text="ServerAndClient" Value="ServerAndClient" Selected="True"></asp:ListItem>
<asp:ListItem Text="Server" Value="Server"></asp:ListItem>
</qsf:RadioButtonList>
</li>
<li></li>
</ul>
</qsf:ConfiguratorColumn>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Narrow">
<ul class="fb-group">
<li>
<span class="label">Expression Preview Position</span>
<qsf:RadioButtonList runat="server" ID="ExpressionPreview" AutoPostBack="true" OnSelectedIndexChanged="ExpressionPreview_SelectedIndexChanged">
<asp:ListItem Text="None" Value="None"></asp:ListItem>
<asp:ListItem Text="Top" Value="Top"></asp:ListItem>
<asp:ListItem Text="Bottom" Value="Bottom" Selected="True"></asp:ListItem>
</qsf:RadioButtonList>
</li>
<li></li>
</ul>
</qsf:ConfiguratorColumn>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" Size="Narrow">
<span class="label">Show Line Images</span>
<qsf:RadioButtonList runat="server" ID="FilterLines" AutoPostBack="true" OnSelectedIndexChanged="FilterLines_SelectedIndexChanged">
<asp:ListItem Text="Enabled" Value="true" Selected="True"></asp:ListItem>
<asp:ListItem Text="Disabled" Value="false"></asp:ListItem>
</qsf:RadioButtonList>
</qsf:ConfiguratorColumn>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn4" runat="server" Size="Narrow">
<span class="label">Allow Filter On Blur</span>
<qsf:RadioButtonList runat="server" ID="AutoPostbackOnBlur" AutoPostBack="true" OnSelectedIndexChanged="AutoPostbackOnBlur_SelectedIndexChanged">
<asp:ListItem Text="Enabled" Value="true"></asp:ListItem>
<asp:ListItem Text="Disabled" Value="false" Selected="True"></asp:ListItem>
</qsf:RadioButtonList>
</qsf:ConfiguratorColumn>
</qsf:View>
</Views>
</qsf:ConfiguratorPanel>
</form>
</body>
</html>