Binding C1SegmentedButtons to C1MultiView

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.


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