Edit this page

Header and Footer Templates

One can set Header and Footer Templates to the RadSearchBox as shown in the sample code below:

<telerik:RadSearchBox RenderMode="Lightweight" runat="server" ID="RadSearchBox1" 
    DataSourceID="SqlDataSource1"
    DataValueField="ProductId"
    DataTextField="ProductName">
    <DropDownSettings Height="400" Width="300">
        <HeaderTemplate>
            This is the <asp:Label ID="Label2" Text="Header" runat="server" />
        </HeaderTemplate>
        <FooterTemplate>
            This is the <asp:Label ID="Label3" Text="Footer" runat="server" />
        </FooterTemplate>
    </DropDownSettings>
</telerik:RadSearchBox>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" 
    ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" 
    SelectCommand="SELECT * FROM [Products]">
</asp:SqlDataSource>