Step 2 of 4: Adding Tab Pages to the C1TabControl Control

In the last step, you created a WPF project in Visual Studio and then added a C1TabControl control with three tabs to it. In this step, you will customize each tab page.

Complete the following steps:

1.   Switch to XAML view.

2.   Add Header="Tab 1" to the first <c1:C1TabItem> tag so that the markup resembles the following:

 

<c1:C1TabItem Header="Tab 1"/>

 

3.   Add Header="Tab 2" and Content="I am the Content property set to a string" to the second <c1:C1TabItem> tag so that the markup resembles the following:

 

<c1:C1TabItem Header="Tab 2" Content="I am the Content property set to a string"/>

 

4.   Add Header="Tab 3", Content="You can't close this tab. Try it.", and CanUserClose="False" to the third <c1:C1TabItem> tag so that the markup resembles the following:

 

<c1:C1TabItem Header="Tab 3" Content="You can't close this tab. Try it." CanUserClose="False"/>

 

Setting the CanUserClose property to False prevents users from closing the tab at run time.

5.   Add a Calendar control as the first tab's by completing the following steps:

1.   Switch to Design view and select the first tab.

2.   In the Toolbox, double-click the Calendar icon to add the Calendar control to the tab.

3.   Select the Calendar control and then set the following properties:

      Set the Height property to "Auto".

      Set the Width property to "Auto".

You have completed step 2 of 4. In this step, you customized the three pages of the C1TabControl control. In the next step, you'll customize the appearance and behavior of the C1TabControl control.


Send us comments about this topic.
Copyright © GrapeCity, inc. All rights reserved.