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 > Removing the Toolbar's Page Index

Removing the Toolbar's Page Index

When navigation buttons are added to the control, the C1MultiPage control adds a page index to the bottom left corner of the control. If you don't want this page index to appear on your control, you can remove it by setting the ShowPageIndex property to False.  In this topic, you will set the PageIndex property in Design view, in Source view, and in code.

Note: The page index materializes by default when you add navigation buttons to the C1MultiPage. To add navigation buttons to your control, please see Using the Toolbar for Navigation.

Removing the Page Index in Design View

To remove the page index, complete the following steps:

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 a list of its properties. 

3.   Locate the ShowPageIndex property, click its drop-down arrow, and select False.

4.   Press OK to close the C1MultiPage Designer Form.

Observe that the C1MultiPage control no longer features a page index in the bottom left corner of the control.

Removing the Page Index in Source View

To add navigation buttons to the C1MultiPage control in Source view, add ShowPageIndex="False" to the <cc1:C1MultiPage> tag.  The HTML should resemble the following:

 

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

 

Observe that the C1MultiPage control no longer features a page index in the bottom left corner of the control.

Removing the Page Index in Code

To remove the page index of a C1MultiPage control in code, 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.ShowPageIndex = False

      C#

C1MultiPage1.ShowPageIndex = false;

3.   Run the program.

Observe that the C1MultiPage control no longer features a page index in the bottom left corner of the control.

This Topic Illustrates the Following:

The image below features a C1MultiPage with its default page index removed:

 


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