Getting Started with the Telerik WebForms SearchBox

Creating a simple RadSearchBox

1. Drag a RadSearchBox from the Toolbox onto your web page.

   

2. From the Design-time Smart Tag choose the desired Data Source using the Choose Data Source field.

   

3. Set the DataTextField and DataValueField according to your Data Source fields.

4. Choose the desired Filter,MaxFilterLength, MaxResultCount and EmptyMessage that will best suit your scenario.

   

5. Back in the Smart Tag, choose a Skin from the drop-down control.

6. Run the application. Type something in the RadSearchBox to see the search results.

Sample declaration of RadSearchBox in Source mode

The following code demonstrates the RadSearchBox's markup in Source mode:

<telerik:RadSearchBox RenderMode="Lightweight" runat="server" ID="RadSearchBox1"  />
</telerik:RadSearchBox>