- \n
- Adding a Tooltip to a Content Page<\/a><\/li>\n\n\n\n
- Content Panel<\/a><\/li>\n\n\n\n
- Additional Resources<\/a><\/li>\n<\/ul>\n\n\n\n
Adding a Tooltip to a Content Page<\/h2>\n\n\n\n
You can add as many Tooltips as needed to a content page within your Canvas course.<\/p>\n\n\n\n
While editing content in your Canvas course, launch the DesignPLUS Sidebar by clicking on the \ud83d\ude80 rocket ship icon<\/strong> at the top right corner of the screen.<\/p>\n\n\n\n
- \n
- Alternatively, press Alt\/Option + Shift + D<\/strong> on your keyboard.<\/li>\n<\/ul>\n\n\n\n
Within your paragraph of text, highlight the word or phrase you would like to make as a Tooltip.<\/p>\n\n\n\n
- \n
- Alternatively, place your cursor within a paragraph of text at the point where you want to insert the Tooltip.<\/li>\n<\/ul>\n\n\n\n
In the DesignPLUS Sidebar, click on the \u2795 Add New Elements<\/strong> tab.<\/p>\n\n\n\n
Click the Tooltip<\/strong> button (found under the Interactive Content<\/strong> or Recently Used Tools<\/strong> headings).<\/p>\n\n\n\n
- \n
- Alternatively, use the Search<\/strong> textbox to search for Tooltip<\/strong>. DesignPLUS will show results in real-time. Click the \u2716\ufe0f icon to clear your search.<\/li>\n<\/ul>\n\n\n\n
![\"A](\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2026\/03\/DesignPLUS_Tooltip.png\")
<\/figure>\n<\/div>\n\n\nContent Panel<\/h2>\n\n\n\n
In the following example, when a student hovers over the acronym LMS<\/strong>, a Tooltip appears displaying the full phrase Learning Management System<\/strong>.<\/p>\n\n\n
\n![\"An](\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2026\/03\/DesignPLUS_TooltipExample.png\")
<\/figure>\n<\/div>\n\n\nIt is highly recommended to use the Content<\/strong> panel to make any updates to your Tooltips. This panel provides dedicated textboxes to safely edit both parts of the tool:<\/p>\n\n\n\n
- \n
- Trigger Text:<\/strong> The visible word or phrase that students hover over.<\/li>\n\n\n\n
- Content Text:<\/strong> The hidden message or definition that pops up.<\/li>\n<\/ul>\n\n\n
\n![\"A](\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2026\/03\/DesignPLUS_Tooltip_ContentPanel.png\")
<\/figure>\n<\/div>\n\n\nAfter editing the text in the Content<\/strong> panel, press Enter<\/strong> on your keyboard or click anywhere outside the text box to update the Canvas Rich Content Editor (RCE).<\/p>\n\n\n
\n![\"A](\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2026\/03\/DesignPLUS_Tooltip_EditInRCE.png\")
<\/figure>\n<\/div>\n\n\nSave<\/strong> or Save & Publish<\/strong> your content page to test out the Tooltip.<\/p>\n\n\n\n
Additional Resources<\/h2>\n\n\n\n
- \n
- Tooltips: [New] DesignPLUS User Guide<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Tooltips are small, interactive pop-up boxes that appear when users hover their cursor over a specific word or phrase. They are an excellent way to provide students with quick definitions, helpful hints, or extra context without cluttering your page design. By using tooltips, you can keep your course content clean and streamlined while ensuring learners … Continue reading “DesignPLUS Tooltips”<\/span><\/a><\/p>\n","protected":false},"author":4255,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[4,244],"tags":[24,121,298,504,476,519],"class_list":["post-6919","post","type-post","status-publish","format-standard","hentry","category-canvas","category-cidi-labs","tag-content","tag-designplus","tag-page","tag-panel","tag-text","tag-tooltip"],"author_meta":{"display_name":"Chris Hofer","author_link":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/author\/chofer\/"},"featured_img":null,"coauthors":[],"tax_additional":{"categories":{"linked":["Canvas<\/a>","Cidi Labs<\/a>"],"unlinked":["Canvas<\/span>","Cidi Labs<\/span>"]},"tags":{"linked":["Content<\/a>","DesignPLUS<\/a>","Page<\/a>","Panel<\/a>","text<\/a>","Tooltip<\/a>"],"unlinked":["Content<\/span>","DesignPLUS<\/span>","Page<\/span>","Panel<\/span>","text<\/span>","Tooltip<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 1 month ago","modified":"Updated 1 month ago"},"absolute_dates":{"created":"Posted on March 10, 2026","modified":"Updated on March 12, 2026"},"absolute_dates_time":{"created":"Posted on March 10, 2026 8:02 pm","modified":"Updated on March 12, 2026 9:37 pm"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/6919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/users\/4255"}],"replies":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=6919"}],"version-history":[{"count":17,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/6919\/revisions"}],"predecessor-version":[{"id":7051,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/6919\/revisions\/7051"}],"wp:attachment":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=6919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=6919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=6919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Content Text:<\/strong> The hidden message or definition that pops up.<\/li>\n<\/ul>\n\n\n
- Trigger Text:<\/strong> The visible word or phrase that students hover over.<\/li>\n\n\n\n
- Alternatively, use the Search<\/strong> textbox to search for Tooltip<\/strong>. DesignPLUS will show results in real-time. Click the \u2716\ufe0f icon to clear your search.<\/li>\n<\/ul>\n\n\n
- Alternatively, place your cursor within a paragraph of text at the point where you want to insert the Tooltip.<\/li>\n<\/ul>\n\n\n\n
- Content Panel<\/a><\/li>\n\n\n\n