# Step 2 of 3: Adding C1OutlookItems

## Content



Next we are going to add [C1OutlookItem](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookItem.html)s to the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html). We'll add two items, an _Inbox_ folder and a _Tasks_ folder.

1.  In the XAML markup, place your cursor between the `_<c1:C1OutlookBar></c1:C1OutlookBar>_` tags and press ENTER.
2.  Add a [C1OutlookItem](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookItem.html) control within these tags with **Header="Inbox"** using the following XAML markup:
    
    ```auto
    <c1:C1OutlookItem Header="Inbox"> </c1:C1OutlookItem>
    ```
    
3.  Next we'll add a **C1TreeView** containing folders that will appear in the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html). Add the following XAML within the _<c1:C1OutlookItem>_ tags:
    
    ```xml
    <c1:C1TreeView x:Name="contacts" BorderThickness="0" >
                       <c1:C1TreeViewItem Header="Inbox" IsExpanded="True">
                            <c1:C1TreeViewItem >
                                <c1:C1TreeViewItem.Header>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="Folder1"/>
                                    </StackPanel>
                                </c1:C1TreeViewItem.Header>
                            </c1:C1TreeViewItem>
                            <c1:C1TreeViewItem >
                                <c1:C1TreeViewItem.Header>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="Folder2"/>
                                    </StackPanel>
                                </c1:C1TreeViewItem.Header>
                            </c1:C1TreeViewItem>
                        </c1:C1TreeViewItem>
                    </c1:C1TreeView>
    ```
    
4.  Let's add another [C1OutlookItem](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookItem.html) with a **C1TreeView** to display a **Tasks** folder. Add the following XAML markup after the closing _</c1:C1OutlookItem>_ tag.
    
    ```xml
    <c1:C1OutlookItem x:Name="selectedItem" Header="Tasks" >
                     <c1:C1TreeView x:Name="tasks" BorderThickness="0" >
                           <c1:C1TreeViewItem Header="My Tasks" IsExpanded="True">
                                <c1:C1TreeViewItem >
                                    <c1:C1TreeViewItem.Header>
                                        <StackPanel Orientation="Horizontal">
                                          <TextBlock Text="To-Do List"/>
                                        </StackPanel>
                                    </c1:C1TreeViewItem.Header>
                                </c1:C1TreeViewItem>
                                <c1:C1TreeViewItem >
                                    <c1:C1TreeViewItem.Header>
                                        <StackPanel Orientation="Horizontal">                                
                                            <TextBlock Text="Tasks"/>
                                        </StackPanel>
                                    </c1:C1TreeViewItem.Header>
                                </c1:C1TreeViewItem>
                            </c1:C1TreeViewItem>
                        </c1:C1TreeView>
                    </c1:C1OutlookItem>
    ```
    

In the next step you will run the application.