Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Tooltip/doc: Difference between revisions

Template page
Adam Cion (talk | contribs)
Add test case for blocklike tooltip styling
Adam Cion (talk | contribs)
Add inline example to documentation
Line 13: Line 13:
will produce : {{Tooltip|Sample Display|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.}}
will produce : {{Tooltip|Sample Display|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.}}
Keep in mind there will tend to be block-style wrapping around the tooltip due to paragraphs added on either side of the tooltip.
Keep in mind there will tend to be block-style wrapping around the tooltip due to paragraphs added on either side of the tooltip.
==Inline Example==
{{code|<nowiki>This is a sample {{Tooltip|Sample Display|Sample tooltip details}} which is inline.</nowiki>}}
Will produce:
This is a sample {{Tooltip|Sample Display|Sample tooltip details}} which is inline.
<includeonly>[[Category:Template]]</includeonly>
<includeonly>[[Category:Template]]</includeonly>
<noinclude>[[Category:Template documentation]]</noinclude>
<noinclude>[[Category:Template documentation]]</noinclude>

Revision as of 04:58, 17 September 2020

Main article: Template:Tooltip

Generic tooltip template.

Usage

{{tooltip|displayed_text|tooltip_text}}
  • displayed_text : text you want to display, can be a wiki link or normal text.
  • tooltip_text : text you want to display on the tooltip. There's a maximum width if you want to include images.

Example

{{tooltip|Sample Display|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.}}

will produce : Sample DisplayLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Keep in mind there will tend to be block-style wrapping around the tooltip due to paragraphs added on either side of the tooltip.

Inline Example

This is a sample {{Tooltip|Sample Display|Sample tooltip details}} which is inline.

Will produce:

This is a sample Sample DisplaySample tooltip details which is inline.