# Adding ToolTips to Topic Pages

Get started with Menus and Toolbars for WinForms. Create versatile menus and docking/floating toolbars. See more in documentation here.

## Content



You can add ToolTips to topic pages using the floating toolbar, the collection editor, and code.

### Using the Floating Toolbar

Complete the following steps:

1.  Navigate to the Toolbox and double-click the [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) icon. The [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) control is added to the form. Observe that one page, named **Page 1**, appears on the control by default. If you'd like to add more pages to the control, see [Adding Topic Pages to the TopicBar](/componentone/docs/win/online-menus-toolbar/menusandtoolbarsforw2/topicbartasks/addingandremovingtop/addingtopicpagestoth).
2.  Hover over **Page1** (or another page of your choice) with your cursor until the floating toolbar appears. The topic page's toolbar appears as follows:<br />![Floating toolbar](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_69.png)
3.  Click the Edit topic page appearance button ![Button](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_76.png) to open the **C1TopicPage Properties** editor.
4.  In the **Tooltip** text box, enter “I am a topic page ToolTip!”.
5.  Press F5 to build the project.
6.  Hover over the page you added the ToolTip to and observe that a ToolTip appears.

### Using the Collection Editor

Complete the following steps:

1.  Navigate to the Toolbox and double-click the [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) icon. The [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) control is added to the form. Observe that one page, named **Page 1**, appears on the control by default. If you'd like to add more pages to the control, see [Adding Topic Pages to the TopicBar](/componentone/docs/win/online-menus-toolbar/menusandtoolbarsforw2/topicbartasks/addingandremovingtop/addingtopicpagestoth).
2.  Click [C1TopicBar](/componentone/docs/win/online-menus-toolbar/)'s smart tag (![Icon](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_47.png)) to open the **C1TopicBar Tasks** menu.
3.  On the **C1TopicBar Tasks** menu, click **Edit Pages**.<br />![Edit Pages](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_67.png)<br />The **C1TopicPage Collection Editor** opens.
4.  In the Members pane, select the page you wish to add the ToolTip to.
5.  In the Properties grid, set the [ToolTipText](/componentone/docs/win/online-menus-toolbar/) property to “I am a topic page ToolTip!”.
6.  Click **OK** to close the **C1TopicPage Collection Editor**.
7.  Press F5 to build the project.
8.  Hover over the page you added the ToolTip to and observe that a ToolTip appears.

### Using Code

Complete the following steps:

1.  Navigate to the Toolbox and double-click the [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) icon. The [C1TopicBar](/componentone/docs/win/online-menus-toolbar/) control is added to the form. Observe that one page, named **Page 1**, appears on the control by default. If you'd like to add more pages to the control, see [Adding Topic Pages to the TopicBar](/componentone/docs/win/online-menus-toolbar/menusandtoolbarsforw2/topicbartasks/addingandremovingtop/addingtopicpagestoth).
2.  Click [C1TopicBar](/componentone/docs/win/online-menus-toolbar/)'s smart tag (![Icon](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_47.png)) to open the **C1TopicBar Tasks** menu.
3.  On the **C1TopicBar Tasks** menu, click **Edit Pages**.<br />![Edit Pages](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_67.png)<br />The **C1TopicPage Collection Editor** opens.
4.  In the Members pane, select the page you wish to dynamically add the ToolTip to.
5.  In the Properties grid, set the [Tag](/componentone/docs/win/online-menus-toolbar/) property to “PageWithToolTip”. In a later step, you will use this tag to find the topic page.
6.  Click **OK** to close the **C1TopicPage Collection Editor**.
7.  Double-click the empty portion of the form to open Code view. Notice that a **Form\_Load** event handler has been added to Code view.
8.  Import the following namespace into the project:
    
    DOC-DETAILS-TAG-OPEN
    
    DOC-SUMMARY-TAG-OPEN
    
    To write code in Visual Basic
    
    DOC-SUMMARY-TAG-CLOSE
    
    ```vbnet
    Imports C1.Win.C1Command
    ```
    
    DOC-DETAILS-TAG-CLOSE
    
    DOC-DETAILS-TAG-OPEN
    
    DOC-SUMMARY-TAG-OPEN
    
    To write code in C#
    
    DOC-SUMMARY-TAG-CLOSE
    
    ```csharp
    using C1.Win.C1Command;
    ```
    
    DOC-DETAILS-TAG-CLOSE
    
9.  Add the following code to the **Form\_Load** event. This code will find the page, assign it to a variable, and then set the page's [ToolTipText](/componentone/docs/win/online-menus-toolbar/) property.
    
    DOC-DETAILS-TAG-OPEN
    
    DOC-SUMMARY-TAG-OPEN
    
    To write code in Visual Basic
    
    DOC-SUMMARY-TAG-CLOSE
    
    ```vbnet
    Dim c1TopicPage1 = c1TopicBar1.FindPageByTag("PageWithToolTip")
    c1TopicPage1.ToolTipText = "I am a topic page ToolTip!"
    ```
    
    DOC-DETAILS-TAG-CLOSE
    
    DOC-DETAILS-TAG-OPEN
    
    DOC-SUMMARY-TAG-OPEN
    
    To write code in C#
    
    DOC-SUMMARY-TAG-CLOSE
    
    ```csharp
    var c1TopicPage1 = c1TopicBar1.FindPageByTag("PageWithToolTip");
    c1TopicPage1.ToolTipText = "I am a topic page ToolTip!";
    ```
    
    DOC-DETAILS-TAG-CLOSE
    
10.  Press F5 to build the project.
11.  Hover over the page you added the ToolTip to and observe that a ToolTip appears.

### This topic illustrates the following:

In this topic, you learned how to add a ToolTip to a topic page using the floating toolbar, the collection editor, and code. No matter which method you used in this topic, the result will resemble the following:

<br />![Tooltip in window](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_80.png)

## See Also

[Adding ToolTips to Link Pages](/componentone/docs/win/online-menus-toolbar/menusandtoolbarsforw2/topicbartasks/usingtopicbartooltip/addingtooltipstolink)