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:
Imports C1.Web.UI.Controls.C1TabStrip
• C#
using C1.Web.UI.Controls.C1TabStrip;
2. Add the following code to your Page_Load event:
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:
|