Template:Tooltip: Difference between revisions

Template page
mNo edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude>
<includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude>{{doc}}</noinclude>
== What this is ==
A template to write tooltips!
 
== Usage & Examples ==
<pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre>
{{tt|Normal text|Tooltip text}}
<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
{{tt|Normal text without underline|Tooltip text|line=false}}
<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
<pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre>
{{tt|left-aligned text|Tooltip text|text-align=left}}
 
== Notes ==
* Do '''not''' use <code><nowiki><hr /></nowiki></code> inside tooltips!
** Use <code><nowiki><span class="hr"></span></nowiki></code> instead.
** This is due to mw parser spawning random linebreaks if <code><nowiki><hr /></nowiki></code> is used.
 
 
 
 
<templatedata>
{
"params": {
"1": {
"label": "Text",
"description": "Text to be shown by normally.",
"type": "string",
"required": true
},
"2": {
"label": "Tooltip Text",
"description": "Text to be shown in the tooltip when hovered.",
"type": "string",
"required": true
},
"line": {
"label": "Show Underline",
"description": "Defaults to true. Set to false to hide the dotted underline.",
"type": "boolean"
},
"text-align": {
"label": "Text Align",
"description": "Overrides text-align style. Possible values: left, center, right, justify.",
"type": "string"
}
},
"description": "A template to write tooltips!",
"paramOrder": [
"1",
"2",
"line",
"text-align"
],
"format": "inline"
}
</templatedata>
</noinclude>

Latest revision as of 02:44, 19 January 2023

What this is

Styles for this template are found on Common.css

Usage & Examples

{{tt|Normal text|Tooltip text}}

Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.

{{tt|Normal text without underline|Tooltip text|line=false}}

Normal text without underlineTooltip text

{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}
Tooltip text with horizontal ruleTooltip
Text
{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}

Nested tooltipBottom textTop text

{{tt|left-aligned text|Tooltip text|text-align=left}}

left-aligned textTooltip text

{{tt|Normal text|[[Main_Page|Tooltip text]]}}

Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.

with Keyword template

IAS Instant Air Special
Conceptually includes Tiger KneePerforming a special as soon as possible after becoming airborne. Usually, but not always, involves an input trick.
For Example: 2369S for a j.236S input.