Tooltips: Difference between revisions
From Tweeki
Created page with "Category:Components To use Bootstrap's [http://getbootstrap.com/javascript/#tooltips tooltips] you need to set <code>$wgTweekiSkinUseTooltips</code> to <code>true</code>..." |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
To use Bootstrap's [http://getbootstrap.com/javascript/#tooltips tooltips] you need to set <code>$wgTweekiSkinUseTooltips</code> to <code>true</code> and use the <code>data-toggle="tooltip"</code> attribute: | To use Bootstrap's [http://getbootstrap.com/javascript/#tooltips tooltips] you need to set <code>$wgTweekiSkinUseTooltips</code> to <code>true</code> and use the <code>data-toggle="tooltip"</code> attribute: | ||
{| class="table table-bordered" | {| class="table table-bordered" | ||
| Line 8: | Line 9: | ||
| | | | ||
<pre> | <pre> | ||
<btn data-toggle=" | <btn data-toggle="tooltip" title="this is my tooltip"> | ||
Tooltip Button | |||
</btn> | |||
</pre> | </pre> | ||
| | | | ||
<btn data-toggle=" | <btn data-toggle="tooltip" title="this is my tooltip">Tooltip Button</btn> | ||
|- | |||
| | |||
<pre> | |||
<span data-toggle="tooltip" title="this is my tooltip"> | |||
Tooltip Span | |||
</span> | |||
</pre> | |||
| | |||
<span data-toggle="tooltip" title="this is my tooltip">Tooltip Span</span> | |||
|} | |} | ||
Latest revision as of 15:22, 18 February 2019
To use Bootstrap's tooltips you need to set $wgTweekiSkinUseTooltips to true and use the data-toggle="tooltip" attribute:
| Markup | Result |
|---|---|
<btn data-toggle="tooltip" title="this is my tooltip"> Tooltip Button </btn> |
|
<span data-toggle="tooltip" title="this is my tooltip"> Tooltip Span </span> |
Tooltip Span |