Template:TooltipInline: Difference between revisions
GreytideSkye (talk | contribs) m (TemplateData is a real thing) |
GreytideSkye (talk | contribs) (proper variable names. maybe there's a better way to do this. maybe not.) |
||
Line 1: | Line 1: | ||
<includeonly><span class='tooltip' style="text-decoration:underline;text-decoration-style: dotted;display:inline;">{{{1|EMPTY TOOLTIP ALERT}}}<span class='tooltiptext' style='top:20px; background: #F7F7FF; z-index:200; left:5px; box-shadow: 0 0 .3em #999;'>{{{2|EMPTY TOOLTIP TEXT ALERT}}}</span></span></includeonly><noinclude> | <includeonly><span class='tooltip' style="text-decoration:underline;text-decoration-style: dotted;display:inline;">{{{1|{{{Display Text|EMPTY TOOLTIP ALERT}}}}}}<span class='tooltiptext' style='top:20px; background: #F7F7FF; z-index:200; left:5px; box-shadow: 0 0 .3em #999;'>{{{2|{{{Tooltip|EMPTY TOOLTIP TEXT ALERT}}}}}}</span></span></includeonly><noinclude> | ||
<!-- For some reason --> | <!-- For some reason --> | ||
Line 8: | Line 8: | ||
{{TooltipInline|Base Case|This is the simplest test of a Tooltip.}} | {{TooltipInline|Base Case|This is the simplest test of a Tooltip.}} | ||
This is how a default TooltipInline appears when you create one in the Visual Editor. {{TooltipInline|Display Text=Tooltip Inlines|Tooltip=like this}} | |||
Blank tooltip: | Blank tooltip: |
Latest revision as of 23:39, 13 July 2024
TooltipInline should not be used recursively.
Test Cases
Base CaseThis is the simplest test of a Tooltip.
This is how a default TooltipInline appears when you create one in the Visual Editor. Tooltip Inlineslike this
Blank tooltip: EMPTY TOOLTIP ALERTEMPTY TOOLTIP TEXT ALERT
Ideally, this paragraph should appear as a single paragraph, where the next bit is a multi word tooltipwith punctuation? with wizardry?, with the comma directly adjacent to the words. This part should still be on the same line.
For some reason, recursive tooltips don't love span, choosing to dump everything after the tooltip into the deepest tooltip instead of... fully after the top-most tooltip.
An in-line tooltip that displays a short text with a dotted line underneath, which when moused over, displays a gray box overtop the text, with its own tooltip text. Should not be used recursively, as Span is not a very stable keyword.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Display Text | Display Text text | The text that is displayed on the page. It will appear with a dotted line underneath, and the user will mouse over it to expand a tooltip.
| String | required |
Tooltip | Tooltip tooltip box | The text that appears in a gray box when the user hovers over the display text. Links are functional, but this template should not be used recursively.
| Content | required |