You can can associate the tabs with content by binding the C1TabStrip control to a C1MultiPage control. This topic illustrates how to use a C1TabStrip control with a C1MultiPage control.
Step 1: Add a C1MultiPage Control and Create Pages
Complete the following steps:
1. Add a C1MultiPage control to your project.
2. Click
C1MultiPage's smart tag (
) and select MultiPage Designer from the menu.
The C1MultiPage Designer Form opens.
3. Use the Add Child
Item button 
to add three pages to your C1MultiPage. Note that the new
pages are named C1PageView1, C1PageView2, and
C1PageView3.
4. Click OK to leave the C1MultiPage Designer Form.
Step 2: Add a C1TabStrip Control and Create Tabs
Complete the following steps:
1. Add a C1TabStrip control to your project.
2. Click C1TabStrip's
smart tag () and select
TabStrip Designer from the menu.
The C1TabStrip Designer Form opens.
3. Use the Add Child
Item button to add three tabs to the C1TabStrip
control. Note that the new tabs are named Tab1, Tab2, and
Tab3.
Step 3: Bind the C1TabStrip Control to the C1MultiPage Control
Complete the following steps:
1. While in the C1TabStrip Designer Form, select C1TabStrip1 in treeview to reveal its list of properties.
2. Locate the MultiPageID property and select C1MultiPage1 from its drop-down list.
3. Select Tab01 from the treeview, locate the PageViewID property, and enter "C1PageView1" into its text box.
4. Repeat the previous step for Tab02 and Tab03, only this time you will enter the following information into their text boxes.
• Tab2 – "C1PageView2"
• Tab3 – "C1PageView3"
5. Press OK to leave the C1TabStrip Designer Form and then run the project.
This Topic Illustrates
the Following:
A C1TabStrip control can be used with a C1MultiPage control just by setting a few properties. Once you've run your project, click the second tab of the C1TabStrip control and observe that the second page of the C1MultiPage control comes into view. The following image illustrates a C1MultiPage control that has been bound to a C1TabStrip control:
|
