Tooltips is packed with options, giving you control over how the tooltips look and behave. Here is the full list of options you can find in the Tooltips system plugin settings:
Styling
| Load Stylesheet | Select to load the extensions stylesheet. You can disable this if you place all your own styles in some other stylesheet, like the templates stylesheet. |
Link
| Color | The color of the tooltip link. Leave empty to use the default color defined by your template. |
| Underline | Select how to underline the tooltip link. This will not underline linked images. Options: No, Yes, Dotted, Dashed |
| Underline Color | The color of the underline of the tooltip link |
Tooltip
| Title Color | The color of the text in the tooltip title. Leave empty to use the default color defined by your template. |
| Text Color | The color of the text in the tooltip. Leave empty to use the default color defined by your template. |
| Link Color | The color of links in the tooltip. Leave empty to use the default color defined by your template. |
| Background Color Title | The color of the background of the tooltip title. Leave empty to use the default color defined by your template. |
| Background Color | The color of the background of the tooltip. Leave empty to use the default color defined by your template. |
| Border Color | The color of the border of the tooltip. Leave empty to use the default color defined by your template. |
| Maximum Width | Set the maximum width of the tooltip. This will not effect tooltips with larger images. The tooltip will resize to the image width. |
| z-index | Enter the z-index of the tooltip element. Change this to a higher value if you have problems with other elements overlapping it. |
Behaviour PRO
| Mode | Select whether the tooltips should show on mouse click or hover. With the sticky mode, the tooltip will show on hover and hide on click or timeout. Options: Hover, Sticky, Click |
| Hide Delay | With Hover Mode: The delay in milliseconds. Set to 0 for no delay. |
| Hide Delay Touchscreens | With Hover Mode: The delay in milliseconds. Set to 0 for no delay. |
| Use Timeout | With Click or Sticky Mode: Select to use a timeout after which the tooltip should hide. |
| Timeout | Set the timeout (in milliseconds) after which the tooltip should hide. The timeout is reset when hovering over the link or tooltip. |
| Position | Select the position of the tooltip relative to the link. Options: Left, Right, Top, Bottom |
| Use auto-positioning | Select to make the tooltip show in a different position when there is not enough room in the default position. |
| Fallback position | The fallback position to use when there is not enough room in all positions. |
Editor Button Options
| Button Text | This text will be shown in the Editor Button. |
| Enable in frontend | If enabled, it will also be available in the frontend. |
| Use Simple Button | Select to use a simple insert button, that simply inserts some example syntax into the editor. |
| Use Custom Code | If selected, the Editor Button will insert the given custom code instead. |
| Custom Code | Enter the code the Editor Button should insert into the content (instead of the default code). |
Tag Syntax
| Tooltips Tag | The word to be used in the tags. Note: If you change this, all existing tags will not work anymore. |
| Tag Characters | The surrounding characters of the tag syntax. Note: If you change this, all existing tags will not work anymore. Options: {...}, [...], {{...}}, [[...]], [:...:], [%...%] |
Advanced
| Disable on Components | Select in which frontend components NOT to enable the use of this extension. |
| Remove in Disabled Components | If selected, the plugin syntax will get removed from the component. If not, the original plugins syntax will remain intact. |
| Enable in administrator | If enabled, the plugin will also work in the administrator side of the website. Normally you will not need this. And it can cause unwanted effects, like slowing down the administrator and the plugin tags being handled in areas you don't want it. |
| Place HTML comments | By default HTML comments are placed around the output of this extension. These comments can help you troubleshoot when you don't get the output you expect. If you prefer to not have these comments in your HTML output, turn this option off. |
| Use Media Versioning | Select to add the extension version number to the end of media (js/css) urls, to make browsers force load the correct file. |
| Load Bootstrap Framework | Disable to not initiate the Bootstrap Framework. Tooltips needs the Bootstrap Framework to function. Make sure your template or other extensions load the necessary scripts to replace the required functionality. |