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}}}

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.