| Design-Time Support > ToolTip Editor > Office Tab |
The Office tab page is used to add content, graphics, and separator lines to your ToolTip. The editor automatically creates all of the HTML code behind the ToolTip, saving you time and effort. Any additions or changes you make to your ToolTip under the Office tab will be reflected in the Preview pane.
The Office tab page also has a toolbar of command buttons. You can use the command buttons to add HTML elements to your project.
The following table describes the elements under the Office tab:
| Element | Description |
|---|---|
| Title | The title element appears at the top of the ToolTip; it is bold by default. You can alter the HTML of this title. |
| Image | This image will appear over the body text of the ToolTip. By default, it will appear on the left-hand side. |
| Top Separator | Places a horizontal rule beneath the title and/or image. The horizontal rule is a dark grey. |
| Body Text | The body text holds the main content of the ToolTip; it is where the description and/or instructions for the tool appear. This will appear beneath the title and above the subtitle. |
| Bottom Separator | Places a horizontal rule beneath the the body text. The horizontal rule is a dark grey. |
| Subtitle | The subtitle element appears at the bottom of the ToolTip. |
| Subimage | This image will appear beneath the body text of the ToolTip. By default, it will appear on the left-hand side. |
The following table provides descriptions for all of the command buttons under the Office tab:
| Button | Name | Description |
|---|---|---|
| Cut | Removes selected content from the HTML editor window and places it on the clipboard. | |
| Copy | Copies selected content from the HTML editor window to the clipboard. | |
| Paste | Pastes clipboard conent to the HTML editor window. | |
| Bold | Adds HTML tags for bold text (<b></b>) around selected text. | |
| Italics | Adds HTML tags for italicized text (<i></i>) around selected text. | |
| Underline | Adds HTML tags for underlined text (<u></u>) around selected text. | |
| Bulleted List | Adds tags for a bulleted list (<ul><li></li></ul>) to the HTML editor. | |
| Numbered List | Adds tags for numbered list (<ol><li></li></ol> to the HTML editor. | |
| Insert Image | Inserts an image into the tooltip using HTML tags (<img src = img.gif>). |