Difference between revisions of "Tooltips - Mediawiki"
From Help Wiki
m |
m |
||
Line 1: | Line 1: | ||
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. | 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]] |
Revision as of 14:43, 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
{{{1}}}