# Getting Started with the Telerik WebForms DataForm
This tutorial will walk you through the creation of a sample application that contains **RadDataForm** and will show you how to:
* Use **RadDataForm** in your project
* Bind **RadDataForm** through **NeedDataSource** event
* Bind **DataForm** to a declarative **DataSource** control
For the purpose of exemplifying this, you will need to create an empty Web.UI Application project and open it in Visual Studio.
> RadDataForm is a control suitable for visualizing one record at a time. If you want to display and access multiple items on a single page, you can check the [RadListView](https://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultcs.aspx) component.
## Adding RadDataForm to the Project
1. Create a new ASP.NET project
2. Add references to the assemblies **Telerik.Web.UI**, **Telerik.Web.UI.Skins** and **Telerik.Web.Design**
3. Add the **RadDataForm** as demonstrated below:
```ASPNET
```
## Binding RadDataForm through NeedDataSource event
Firstly, for the purpose of this tutorial, we will create a new data table with a single row
```C#
public DataTable GetDataTable()
{
DataTable table = new DataTable();
table.Columns.Add("FirstName");
table.Columns.Add("LastName");
table.Columns.Add("Occupation");
table.Columns.Add("Salary", typeof(Int32));
table.Columns.Add("IsMarried", typeof(bool));
table.Columns.Add("StartingDate", typeof(DateTime));
table.Rows.Add("Sarah", "Blake", "Product Manager", 3500, true, "01/02/2014 00:00:00");
return table;
}
```
```VB
Public Function GetDataTable() As DataTable
Dim table As New DataTable()
table.Columns.Add("FirstName")
table.Columns.Add("LastName")
table.Columns.Add("Occupation")
table.Columns.Add("Salary", GetType(Int32))
table.Columns.Add("IsMarried", GetType(Boolean))
table.Columns.Add("StartingDate", GetType(DateTime))
table.Rows.Add("Sarah", "Blake", "Product Manager", 3500, True, "01/02/2014 00:00:00")
Return table
End Function
```
Once data table is defined, you may use it to bind it to the **RadDataForm** through the **NeedDataSource** event:
```ASPNET
```
```C#
public DataTable GetDataTable()
{
DataTable table = new DataTable();
table.Columns.Add("FirstName");
table.Columns.Add("LastName");
table.Columns.Add("Occupation");
table.Columns.Add("Salary", typeof(Int32));
table.Columns.Add("IsMarried", typeof(bool));
table.Columns.Add("StartingDate", typeof(DateTime));
table.Rows.Add("Sarah", "Blake", "Product Manager", 3500, true, "01/02/2014 00:00:00");
return table;
}
protected void RadDataForm1_NeedDataSource(object sender, RadDataFormNeedDataSourceEventArgs e)
{
this.RadDataForm1.DataSource = this.GetDataTable();
}
```
```VB
Public Function GetDataTable() As DataTable
Dim table As New DataTable()
table.Columns.Add("FirstName")
table.Columns.Add("LastName")
table.Columns.Add("Occupation")
table.Columns.Add("Salary", GetType(Int32))
table.Columns.Add("IsMarried", GetType(Boolean))
table.Columns.Add("StartingDate", GetType(DateTime))
table.Rows.Add("Sarah", "Blake", "Product Manager", 3500, True, "01/02/2014 00:00:00")
Return table
End Function
Protected Sub RadDataForm1_NeedDataSource(sender As Object, e As RadDataFormNeedDataSourceEventArgs)
Me.RadDataForm1.DataSource = Me.GetDataTable()
End Sub
```
After applying the **DataSource** you can add the required templates in the **DataForm** markup:
```ASPNET
```
## Binding RadDataForm to a DataSource control
In order to populate the **DataForm** control, follow the steps below:
1. Add and configure a **DataSource** control to your application:
```ASPNET
```
1. Set the **DataSourceID** of the **DataForm** control to point to the already configured data source control
2. In order to visualize the retrieved data you should set the **DataForm** templates (**ItemTemplate**, **LayotTemplate**)
3. As the **DataForm** will be bound to more than one item in this case, you can enable paging by adding a **RadDataPager** or custom buttons with corresponding paging functionality in the LayoutTemplate:
The provided steps will lead to a markup similar to this:
```ASPNET
```
On running the application, you will see the following:
## See Also