Template:Tt: Difference between revisions

Latest revision as of 18:56, 20 May 2021

What this is

A template to write tooltips!

Usage & Examples

{{tt|Normal text|Tooltip text}}

Normal textTooltip text

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

Normal text without underlineTooltip text

{{tt|Tooltip text with horizontal rule|Tooltip<hr>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

Notes

Do not use <hr /> inside tooltips!
- Use <span class="hr"></span> instead.
- This is due to mw parser spawning random linebreaks if <hr /> is used.

A template to write tooltips!

Template parameters[Edit template data]
Parameter		Description	Type	Status
Text	`1`	Text to be shown by normally.	String	required
Tooltip Text	`2`	Text to be shown in the tooltip when hovered.	String	required
Show Underline	`line`	Defaults to true. Set to false to hide the dotted underline.	Boolean	optional
Text Align	`text-align`	Overrides text-align style. Possible values: left, center, right, justify.	String	optional

@@ Line 1: / Line 1: @@
-{{#ifeq:{{yesno-no|{{{link}}}}}|yes
+<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>
- |[[{{{1}}}|<span title="{{{2}}}" class="rt-commentedText {{#ifeq:{{yesno-yes|{{{dotted}}}}}|no||explain}} {{{class|}}}" {{#if:{{{id|}}}|id="{{{id}}}"}} {{#if:{{{style|}}}|style="{{{style}}}"}} title="{{#tag:nowiki|{{#invoke:String|replace|{{{2|}}}|"|&quot;}}}}">{{{1|}}}</span>]]
+== What this is ==
- |<span title="{{{2}}}" class="rt-commentedText {{#ifeq:{{yesno-yes|{{{dotted}}}}}|no||explain}} {{{class|}}}" {{#if:{{{id|}}}|id="{{{id}}}"}} {{#if:{{{style|}}}|style="{{{style}}}"}} title="{{#tag:nowiki|{{#invoke:String|replace|{{{2|}}}|"|&quot;}}}}">{{{1|}}}</span>
+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"
+	]
+}
+</templatedata>
+</noinclude>

Template:Tt: Difference between revisions

Latest revision as of 18:56, 20 May 2021

What this is

Usage & Examples

Notes

Navigation menu

Search