Difference between revisions of "Tooltips - Mediawiki"
From Help Wiki
(Created page with "Create hover tooltips by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help. Category:Mediawiki") |
m |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | Create | + | __NOTOC__ |
| + | Create {{#tip-text: tooltips | a tooltip appears on mouse-over}} by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help. | ||
| + | |||
| + | == Usage == | ||
| + | There is a short alias and a more descriptive parser function name for each tooltip type. | ||
| + | |||
| + | === Inline-text tooltip === | ||
| + | <pre>{{#tip-text: text | tooltip-text}}</pre><pre>{{#simple-tooltip: text | tooltip-text}} | ||
| + | </pre> | ||
| + | |||
| + | === Info-icon tooltip: === | ||
| + | <pre>{{#tip-info: tooltip-text }}</pre><pre>{{#simple-tooltip-info: tooltip-text }} | ||
| + | </pre> | ||
| + | |||
| + | === Inline-Image tooltip: === | ||
| + | <pre>{{#tip-img: /path/to/your/image.png | image tooltip-text }}</pre><pre>{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}</pre> | ||
| + | |||
| + | Note: The "tip-img" and the "simple-tooltip-img" parser function respectively do not resize the image set to be shown, i.e. the image must be uploaded in an appropriate size like e.g. 16px x 16px. | ||
| + | |||
[[Category:Mediawiki]] | [[Category:Mediawiki]] | ||
Latest revision as of 14:44, 22 August 2018
Create tooltips by utilizing the installed extension SimpleTooltips. See https://www.mediawiki.org/wiki/Extension:SimpleTooltip for syntax help.
Usage
There is a short alias and a more descriptive parser function name for each tooltip type.
Inline-text tooltip
{{#tip-text: text | tooltip-text}}{{#simple-tooltip: text | tooltip-text}}
Info-icon tooltip:
{{#tip-info: tooltip-text }}{{#simple-tooltip-info: tooltip-text }}
Inline-Image tooltip:
{{#tip-img: /path/to/your/image.png | image tooltip-text }}{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}
Note: The "tip-img" and the "simple-tooltip-img" parser function respectively do not resize the image set to be shown, i.e. the image must be uploaded in an appropriate size like e.g. 16px x 16px.
