# Building a Simple TreeView

The following tutorial will demonstrate how to create a simple TreeView using the designer and shows how to:

* Create root level nodes.

* Create child nodes.

* Apply a pre-defined style to the TreeView.

* Display checkboxes next to nodes.

> caption

![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/f1c347d7809371acf65a04d98b31394c/treeview_gettingstarted08.png)

1. In a new AJAX Enabled Web Application, drop a **RadTreeView** to the default form.

2. Open the [Smart Tag](https://www.telerik.com/products/aspnet-ajax/documentation/controls/treeview/design-time/smart-tag) and set the **Skin** to **Vista** from the drop down list. Then select the **Build RadTreeView** link. *This step will display the RadTreeView Item Builder Dialog.*
   > caption
   ![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/1718cfc5bc6323688e775ed987f784ae/treeview_gettingstarted09.png)

3. In the **RadTreeView** Item Builder dialog click the Add Root Node button to add three nodes.
   > caption
   ![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/1c0011a843c024b4303572558dd69a2b/treeview_gettingstarted10.png)

4. Click the first node and set the **Text** property to "Condos". Set the **Checkable** property to False.

5. Click the second node and set the **Text** property to "Townhomes". Set the **Checkable** property to False.

6. Click the third node and set the **Text** property to "Houses". Set the **Checkable** property to False.
   > caption
   ![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/008294ce2a307f3b28a987e26c35e425/treeview_gettingstarted11.png)

7. While the third node, "Houses", is still selected, click the Add Child Item button twice.
   > caption
   ![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/07bd9404548f9957bb5f9b611c4a626d/treeview_gettingstarted12.png)

8. Select the first child item and set the **Text** property to "3 Bedroom, 2.5 Baths".

9. Select the second child item and set the **Text** property to "5 Bedroom, 3 Baths".
   > caption
   ![RadTreeView Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/assets/5adf7f92ee8e1aac73fff0e3ceab7660/treeview_gettingstarted13.png)

10. Click **OK** to close the **RadTreeView** Item Builder dialog.

11. In the Properties Window, set the **RadTreeView** **CheckBoxes** property to **true**.

12. Press **F5** to run the application.