A C1SegmentedButtons can be bound to a C1MultiView control to provide navigation buttons that allow users to switch between C1MultiView's page views. Binding these two controls is as simple as setting the MultiViewID property on the C1SegmentedButtons control. This topic assumes that you have created an AJAX-enabled ASP.NET project that contains a ScriptManager control (see Creating an AJAX-Enabled ASP.NET Project).
Step 1: Add a C1MultiView Control and Create Three Page Views
Complete the following steps:
1. Click the Design tab to enter Design view.
2. Add a C1MultiView control to your project. The C1MultiView ID has a default setting of C1MultiView1.
3.
Click C1MultiView's
smart tag () to open the C1MultiView
Tasks menu and then select MultiView Designer.
The C1MultiView Designer Form opens.
4.
Click the Add Child Item button three times to add three pages to the
control.
5. Click OK to close the C1MultiView Designer Form.
Step 2: Add a C1SegmentedButtons Control and Create Three Tabs
Complete the following steps:
1. Add a C1SegmentedButtons control beneath the C1MultiView control.
2. Click the Source tab to enter Source view.
3. Enter the following markup between the <cc2:C1SegmentedButtons> and </cc2:C1SegmentedButtons> tags to add three tabs to the control:
<Buttons>
<cc2:C1SegmentedButton runat="server" Text="Button1" />
<cc2:C1SegmentedButton runat="server" Text="Button2" />
<cc2:C1SegmentedButton runat="server" Text="Button3" />
</Buttons>
Step 3: Set the MultiViewID property
Add the MultiViewID="C1MultiView1" to the <cc2:C1SegmentedButtons> tag so that the markup resembles the following:
<cc1:C1SegmentedButtons ID="C1SegmentedButtons1" runat="server" MultiViewID="C1MultiView1">
Step 4: Open the Project in Safari
Save the project and open it in a Studio for iPhone-compatible browser. Click each button and observe that C1MultiView's page indicator changes each time a new button takes focus.