Adding Arbitrary Controls to the C1ViewPort Control's Toolbar

In this topic, you will learn how to add an arbitrary control to the toolbar of the C1ViewPort control in Design view and in Source view. 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) and a C1ViewPort control.

In Design View

Complete the following steps:

1.   Place your cursor in the content area of the C1ViewPort control.

2.   In the Toolbox, select a standard Button control and drag it into the content area of the C1ViewPort control.

A Button control appears in the content area of the C1ViewPort control.

In Source View

To add arbitrary controls to the content area, place the following XHTML markup between the <cc1:C1ViewPort> and </cc1:C1ViewPort> tags:

<ToolBar>

  <asp:Button ID="Button1" runat="server" Text="Button" />

</ToolBar>

 This Topic Illustrates the Following:

In this topic, you added a standard button control to C1ViewPort's toolbar. The result of this topic will resemble the following: