XAML Quick Reference

This topic is dedicated to providing a quick overview of the XAML used to create a C1OutlookBar and C1OutlookItem.

To get started developing, add a c1 namespace declaration in the root element tag:

xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"

Here is an example of a very basic C1OutlookBar with multiple C1OutlookBar items.

XAML	Copy Code
<c1:C1OutlookBar> <c1:C1OutlookItem /> <c1:C1OutlookItem /> <c1:C1OutlookItem /> </c1:C1OutlookBar>

Below is the XAML for a more detailed example of an C1OutlookBar with multiple C1OutlookItems containing icons:

XAML	Copy Code
<c1:C1OutlookBar IsExpanded="True" FontFamily="Arial" MinWidth="36" ExpandedWidth="300" c1:C1NagScreen.Nag="True"> <!-- Inbox --> <c1:C1OutlookItem Header="Inbox" LargeIcon="Resources/Inbox24.png" SmallIcon="Resources/Inbox.png" c1:C1NagScreen.Nag="True"> <userControls:Inbox/> </c1:C1OutlookItem> <!-- Contacts --> <c1:C1OutlookItem Header="Contacts" LargeIcon="Resources/Contacts24.png" SmallIcon="Resources/Contacts.png" c1:C1NagScreen.Nag="True"> <userControls:Contacts/> </c1:C1OutlookItem> <!-- Tasks --> <c1:C1OutlookItem Header="Tasks" LargeIcon="Resources/Tasks24.png" SmallIcon="Resources/Tasks.png" c1:C1NagScreen.Nag="True"> <userControls:Tasks/> </c1:C1OutlookItem> <!-- Notes --> <c1:C1OutlookItem Header="Notes" LargeIcon="Resources/Notes24.png" SmallIcon="Resources/Notes.png" c1:C1NagScreen.Nag="True"> <userControls:Notes/> </c1:C1OutlookItem> </c1:C1OutlookBar>

XAML

Copy Code

<c1:C1OutlookBar IsExpanded="True" FontFamily="Arial" MinWidth="36" ExpandedWidth="300" c1:C1NagScreen.Nag="True">
      <!-- Inbox -->
        <c1:C1OutlookItem Header="Inbox" LargeIcon="Resources/Inbox24.png" SmallIcon="Resources/Inbox.png" c1:C1NagScreen.Nag="True">
            <userControls:Inbox/>
        </c1:C1OutlookItem>
        <!-- Contacts -->
        <c1:C1OutlookItem Header="Contacts" LargeIcon="Resources/Contacts24.png" SmallIcon="Resources/Contacts.png" c1:C1NagScreen.Nag="True">
            <userControls:Contacts/>
        </c1:C1OutlookItem>
        <!-- Tasks -->
        <c1:C1OutlookItem Header="Tasks" LargeIcon="Resources/Tasks24.png" SmallIcon="Resources/Tasks.png" c1:C1NagScreen.Nag="True">
            <userControls:Tasks/>
        </c1:C1OutlookItem>
        <!-- Notes -->
        <c1:C1OutlookItem Header="Notes" LargeIcon="Resources/Notes24.png" SmallIcon="Resources/Notes.png" c1:C1NagScreen.Nag="True">
            <userControls:Notes/>
        </c1:C1OutlookItem>
    </c1:C1OutlookBar>

This XAML results in the following: