<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AlphabeticSliderPager.aspx.cs" Inherits="AlphabeticSliderPager" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager>
    
    <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowPaging="True" PageSize="5" Skin="Inox" 
                runat="server" GridLines="None" Width="100%" OnItemCreated="RadGrid1_ItemCreated" OnItemCommand="RadGrid1_ItemCommand"> 
                <PagerStyle Mode="Slider"/> 
                <ItemStyle HorizontalAlign="Center" /> 
                <AlternatingItemStyle HorizontalAlign="Center" /> 
                <MasterTableView CommandItemDisplay="Top"> 
                    <CommandItemTemplate> 
                        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> 
                    </CommandItemTemplate> 
                </MasterTableView> 
            </telerik:RadGrid> 
            
     <asp:SqlDataSource ID="SqlDataSource1"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            ProviderName="System.Data.SqlClient"
            runat="server" SelectCommand = "SELECT [ContactName], [ContactTitle], [CompanyName] FROM [Customers] WHERE [ContactName] LIKE @PageLetter">
            <SelectParameters>
                <asp:Parameter Name="PageLetter" DefaultValue="%" />
            </SelectParameters>
         </asp:SqlDataSource>
    
    </div>
    </form>
</body>
</html>
