Difference between revisions of "Tooltips"

From Tweeki
Jump to: navigation, search
(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>...")
 
Line 8: Line 8:
 
|
 
|
 
<pre>
 
<pre>
<btn data-toggle="Tooltip">Tooltip Button</btn>
+
<btn data-toggle="tooltip" title="tooltip">
 +
  Tooltip Button
 +
</btn>
 
</pre>
 
</pre>
 
|
 
|
<btn data-toggle="Tooltip">Tooltip Button</btn>
+
<btn data-toggle="tooltip" title="tooltip">Tooltip Button</btn>
 +
|-
 +
|
 +
<pre>
 +
<span data-toggle="tooltip" title="tooltip">
 +
  Tooltip Span
 +
</span>
 +
</pre>
 +
|
 +
<span data-toggle="tooltip" title="tooltip">Tooltip Span</span>
 
|}
 
|}

Revision as of 15:51, 8 November 2016


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="tooltip">
  Tooltip Button
</btn>

Tooltip Button

<span data-toggle="tooltip" title="tooltip">
  Tooltip Span
</span>

Tooltip Span