Displaying ToolTips for Pages
This topic demonstrates how to create custom ToolTips for the pages of your C1MultiPage control. When the ToolTip property is set to a string, users will be able to see a brief description of the page by hovering over it with their cursor. In this topic, you create a ToolTip in Design view, in Source view, and in code.
Note: Since this feature is attached to the C1PageView, it doesn't work if you set the ContentUrl property.
Adding a ToolTip in Design View
To add a ToolTip, follow these steps:
1. Click the C1MultiPage's smart tag () to open the C1MultiPage Tasks menu and select MultiPage Designer.
The C1MultiPage Designer Form appears.
2. Use the Add Child Item button to add a page to your C1MultiPage.
3. In treeview, select C1PageView1 to reveal its list of properties.
4. Locate the ToolTip property and type "Page 1" into its text box.
5. Press OK to close the C1MultiPageDesigner Form and then run the project.
Adding a ToolTip through Source View
To add a ToolTip in code, add ToolTip="Page 1" to the <cc1:C1PageView> tags. Your HTML will resemble the following:
<cc1:C1PageView ID="C1PageView1" runat="server" ToolTip="Page 1">
Adding a ToolTip in Code
To add a ToolTip in code, follow these steps:
1. Import the following namespaces into your project:
Imports C1.Web.UI.Controls.C1MultiPage
• C#
using C1.Web.UI.Controls.C1MultiPage;
2. Create the ToolTip by adding the following code to the Page_Load event:
C1PageView1.ToolTip = "Page 1"
• C#
C1PageView1.ToolTip = "Page 1";
3. Run the project.
This Topic Illustrates the Following:
Using the ToolTip property, you can easily create custom ToolTips that will appear when your users mouse over your tabs. The image below features a C1MultiPage with a ToolTip:
|