Loading...
 
Skip to main content

History: Tooltips

Source of version: 4 (current)

Copy to clipboard
            {syntax type="markdown"  editor="wysiwyg"} ## Formatted Tooltip

Tiki has a built-in class (called *tikihelp*) that allows you to create a formatted tooltip for a link as follows:

*The following syntax:*
{CODE(wrap="1")}{HTML()}<a href="HomePage" class="tikihelp" title="Home Page: This links to the home page for this site">Home Page</a>{HTML}{CODE}

*Would produce on this site:*

{HTML()}<a href="HomePage" class="tikihelp" title="Home Page: This links to the home page for this site">Home Page</a>{HTML}

Mouse over the above link to see the formatted tooltip. Here's what's important for the tooltip to appear like this:

- JQuery must be enabled
- Set class="tikihelp"
- First part of the title before the colon is the heading of the tooltip and the text after the colon is the body.

## More wiki syntax for links

((Wiki-Syntax Links))

- https://doc.tiki.org/Wiki-Syntax+Links?highlight=tooltip#Formatted_Tooltip