New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Getting Started with the Telerik WebForms SearchBox

Creating a simple RadSearchBox

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

    searchbox drag from toolbox

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

    searchbox smart tag

  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.

    searchbox smart tag with additional fields

  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"  />

searchbox autocomplete false with search button

In this article