Login Logout
Jump to: navigation, search

Bootstrap Tooltips

This Tooltips extension isn't a Bootstrap component, sadly I was unable to get that working, however this may be a little better given that there are 6 themes available, more on this below.

This extensions isn't included with the skin, so if you want to use it with Bootstrapskin you'll need to download and install.

Download6

Demo's

Tooltips works with any element that includes id="tipster".

Tooltip Test

Usage

<div id="tipster" class="btn btn-default" title="This is my tooltip message!">Tooltip Test</div>

The six themes are;

  • tooltipster-noir
  • tooltipster-default
  • tooltipster-borderless
  • tooltipster-punk
  • tooltipster-shadow
  • tooltipster-noir

Installation

Once downloaded extract the files into the extensions folder, add the following to LocalSettings.php

require_once "$IP/extensions/Tooltips/Tooltips.php";

Open to edit Mediawiki:Common.js and add the following;

jQuery(document).ready(function($) {
$('#tipster').tooltipster({
    theme: 'tooltipster-noir'
});
});

Rate us!

Did you find this article useful? Why not rate it?