ComponentOne MultiPage for ASP.NET AJAX: MultiPage for ASP.NET AJAX Task-Based Help > Adding Navigation to a C1MultiPage Control > Using the Toolbar for Navigation

Using the Toolbar for Navigation

In its default state, the C1MultiPage control doesn't show its set of navigation buttons. This topic explains how to add navigation buttons to your C1MultiPage control in Design view, in Source view, and in code.

Adding Navigation Buttons in Design View

To add navigation buttons, follow these instructions:

1.   Click C1MultiPage's smart tag () to open the C1MultiPage Tasks menu and select MultiPage Designer.

       The C1MultiPage Designer Form opens.

2.   In treeview, select C1MultiPage1 to reveal its list of properties. 

3.   Locate the ShowToolbar property, click its drop-down arrow, and select True from the list.

 

           

 

4.   Press OK to close the C1MultiPage Designer Form.

Observe that the C1MultiPage control features four navigation buttons.

Adding Navigation Buttons in Source View

To add navigation buttons to the C1MultiPage control in Source view, add ShowToolBar="True" to the <cc1:C1MultiPage> tag.  The final result should resemble the following:

 

<cc1:C1MultiPage ID="C1MultiPage1" runat="server" Height="250px" Loop="True" ShowToolBar="True" VisualStylePath="~/C1WebControls/VisualStyles" Width="300px">

 

Observe that the C1MultiPage control features four navigation buttons.

Adding Navigation Buttons in Code

To add navigation buttons to a C1MultiPage, complete the following steps:

1.   Import the following namespace into your project:

      Visual Basic

Imports C1.Web.UI.Controls.C1MultiPage

      C#

using C1.Web.UI.Controls.C1MultiPage;

2.   Add the following code to your Page_Load event:

      Visual Basic

C1MultiPage1.ShowToolBar = True

      C#

C1MultiPage1.ShowToolBar = True;

3.   Run the program.

Observe that the C1MultiPage control features four navigation buttons.

This Topic Illustrates the Following:

Adding navigation buttons is as simple as setting the ShowToolBar property to True. The image below features a C1MultiPage control with a series of navigation buttons:

 

 

Observe that a page index has also been added to the C1MultiPage. To remove the page index, see Removing the Toolbar's Page Index.


Removing the Toolbar's Page Index


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.