ComponentOne TabStrip for ASP.NET AJAX: TabStrip for ASP.NET AJAX Task-Based Help > Setting C1TabStrip Behaviors > Displaying ToolTips for Tabs

Displaying ToolTips for Tabs

This topic demonstrates how to create custom ToolTips for the tabs on the C1TabStrip control. After setting the ToolTip property, users will see brief instructions regarding the tab when they hover over the tab with their cursor.

In Design View

Complete the following steps:

1.   Click C1TabStrip's smart tag () to open the C1TabStrip Tasks menu and then select TabStrip Designer.

The C1TabStrip Designer Form appears.

2.   Use the Add Child Item button  to add a tab to the C1TabStrip control.

3.   In treeview, select Tab1 to reveal its list of properties. 

4.   Locate the ToolTip property and type "Click this tab for more information." into its text box.

 

           

 

5.   Press OK to close the C1TabStripDesigner Form and then run the project.

In Source View

To add a hierarchy of tabs in Source view, add ToolTip="Click this tab for more information" to the <cc1:C1Tab> tags. Your HTML will resemble the following:

 

 <cc1:C1Tab ID="Tab1" runat="server" Text="Tab1" ToolTip="Click this tab for more information.">

 

In Code

Complete the following steps:

1.   Import the following namespace into your project:

      Visual Basic

Imports C1.Web.UI.Controls.C1TabStrip

      C#

using C1.Web.UI.Controls.C1TabStrip;

2.   Add the following code to your Page_Load event:

      Visual Basic

Tab1.ToolTip = "Click this tab for more information."

      C#

Tab1.ToolTip = "Click this tab for more information.";

3.   Run the program.

 This Topic Illustrates the Following:

Using the ToolTip property, you can easily create custom ToolTips that will appear when users hover over tabs. The image below illustrates a tab with a ToolTip:

 


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