New to Telerik UI for WinForms? Download free 30-day trial

Getting Started

The example below demonstrates setting up RadCardView to display data from the Northwind database.

Setting up the Form 

  1. Create a new Windows Forms Application project.

  2. Drop a RadCardView control on the form.

Connecting to Data

  1. Open the Smart Tag of the control and in the Cooose DataSource drop down select Add Project Data Source.. radcardview-getting-started 001

  2. In the Data Source Configuration Wizard, select the Database icon, and click Next. radcardview-getting-started 002

  3. In the Choose a Database Model page of the wizard, select the Dataset icon and click Next.

  4. In the Choose Your Data Connection dialog, click on the New Connection button. This will display the Add Connection dialog.

  5. In the Change Data Source dialog, select Microsoft Access Data Base File from the data source list.

  6. Click OK to close the Change Data Source dialog.

  7. In the Add Connection dialog, click on the Browse button. This step will display the Select Microsoft Access Database File dialog.

  8. In the Select Microsoft Access Database File dialog, navigate to Telerik UI for WinForms installation directory and locate the Nwind.mdb file within the \Examples\QuickStart\Datasources directory. Select Nwind.mdb and click OK to close the Select Microsoft Access Database File dialog.

  9. Click OK to close Add Connection dialog.

  10. In Choose Your Data Connection page of the wizard, click Next. This step will display a Microsoft Visual Studio dialog that prompts to ask if you want to copy the file to your project. Click Yes to close the dialog.

  11. In Save the Connection String to the Application Configuration File page of the wizard, click the Next button.

  12. In Choose Database Objects page of the dialog, select the Employees table radcardview-getting-started 003

  13. Now, RadCardView is bound to the Employees table from the Northwind database and should look like this screen shot below: grid-getting-started 005

  14. Press F5 to run the application. grid-getting-started 005

See Also

In this article