Joomla rating: 100%

Tooltips

Add tooltips in Joomla!

Version: 3.7.10   Type: PS PB   Compatibility: Joomla! 2 Joomla! 3

Joomla rating: 100%

Do you like Tooltips?

Rate it!

Description

Display text or an image to your users when they hover their mouse pointer over an item, without clicking it, by using Tooltips.

When a user moves their pointer to text, or an image, for which you have defined a tooltip, a small "hover box" appears. This box can contain text or an image. Optionally the text can contain html formatting including URLs.

The syntax simply looks like:

{tip Wow!::Now I can give something a cool tooltip!}This text has a tooltip.{/tip}

The result is: This text has a tooltip.

Use it anywhere

You can create these tooltips almost anywhere in your site. Not only in articles, but anywhere you can enter text, like in modules and components.

The tooltips are fully stylable through settings and CSS.

Free vs Pro

Free

Free

Enough functionality for most websites!

Unlimited access to free updates and support.

Features

  • Create fabulous tooltips
    • You can create tooltips virtually anywhere you can enter text. So also in modules and other components
  • Many styling options
    • Tooltips is packed with ready-to-use styling options
  • Fully stylable through CSS
    • For full control over the way the tabs are styled, you can use CSS. All Tooltips elements have sufficient classnames to style it any way you want.

Free support

  • Access to Free forum
    • Get support for the extension.
      Response time aim: within 72 hours. Usually within 24 hours.
  • Install on multiple domains
    • You can install the extension on any domain you want. No limitations. No domain checks.
  • Open Source code
    • The code is open source (GPL), meaning there is no form of code encryption. No use of Zend Guard or ionCube.

Professional

 10

Need more? Get all Pro features and support.

1 year access to Pro updates and support.

Pro features

  • All features available in the free version, plus:
  • Joomla 3 version
  • Position
    • Set the positions of the tooltip relative to the link. So top, bottom, left or right.
  • Auto-positioning
    • Make the tooltip show in a different position when there is not enough room in the default position.
  • Click mode
    • Make the tooltips appear (and disappear) on mouse click instead of hover.
  • Joomla 2.5 version
  • Offsets
    • Set the x and y offset of the tooltip relative to the mouse cursor or word.
  • Fade speeds
    • Define how fast the tooltip should fade in or out.
  • Delay
    • Define a delay before the tooltip appears or disappears.
  • Fixed tooltips
    • Make the tooltips stay in the same place once it shows, instead of following the mouse cursor.
  • Sticky tooltips
    • Keep the tooltips stay visible till the mouse is clicked.

Pro support

  • Access to Pro forum
    • Get faster support for the extension.
      Response time aim: within 48 hours. Usually within 12 hours.
  • Pro downloads & updates
    • Get access to the Pro downloads and updates for a full year.
  • Install on multiple domains
    • You can install the extension on any domain you want. No limitations. No domain checks.
  • 30 Day money back guarantee
    • Not happy with the extension? Or simply have no use for it after trying out the Pro version? Simply ask your money back!
  • Open Source code
    • The code is open source (GPL), meaning there is no form of code encryption. No use of Zend Guard or ionCube.

Bundle offer

Get ALL NoNumber Pro extensions worth 375

And save 60%

1 year access to Pro updates and support.

 150 Buy a Bundle

Lifetime Bundle

Get LIFETIME access to ALL NoNumber Pro extensions.

And save loads

LIFETIME access to Pro updates and support.

 500 Buy a Lifetime Bundle

Tutorial

There is a Free and a Pro version of Tooltips.
The parts in this tutorial that only concern the Pro version will be marked with: Pro only

Tooltips is based on the Bootstrap tabs functionality. So Tooltips uses and needs the Bootstrap framework (styles and scripts).
This means that Tooltips will only function correctly if your Joomla 3 template allows the Bootstrap framework to be loaded and does not cause conflicts with the jQuery and bootstrap javascripts.
The Joomla 2.5 version of Tooltips works differently to the Joomla 3 version.
The documentation here concerns the functionality available in the Joomla 3 version of Tooltips.

Introduction

Tooltips is a Joomla! system plugin (and editor button plugin) that allows you to display information to your visitors, that may be text or an image, without taking the user away from the current location in the site.

Joomla 2.5 vs Joomla 3

There is a big difference in the Tooltips version for Joomla 2.5 and Joomla 3. Not only in the way it looks, but also in functionality.

The Joomla 2.5 version of Tooltips is based on the tips functionality of Mootools (which comes with Joomla 2.5 core).

The Joomla 3 version of Tooltips is based on the popover functionality of Bootstrap (which comes with Joomla 3 core).

The examples on this site are based on the Joomla 3 version.

How to use it (syntax)

Using Tooltips is pretty simple and straightforward. You just place {tip} tags around the text (or image) that should have a tooltip.
You don’t need to go into html view, you can use this right in your WYSIWYG editor.

The syntax for a simple tooltip looks like this:
This text has a tooltip

{tip This is the text in the tooltip}This text has a tooltip{/tip}

To create a tootlip with a title, use a :: between the tooltip title and text, like:
This text has a tooltip

{tip Tooltip Title::This is the text in the tooltip}This text has a tooltip{/tip}

To create a tootlip with ONLY a title, just place the :: after the tooltip title like:
This text has a tooltip

{tip Tooltip Title::}This text has a tooltip{/tip}

The tooltips can contain rich text formatting, like bold, italic and underlined text. Just format the text through your editor’s styling options.

You can also give images a tooltip, and even place images inside the tooltip text.

Editor Button

You can enter the Tooltips tags directly into your content. However, to save time typing and remembering what the exact syntax is, Tooltips comes with a handy editor button.

You can use this editor button (located below the text input area) to place an example Tooltips tag block in your article (or other editor fields).

After inserting the example code, you can change it in your editor to whatever you desire.

You can customize the default example code in the Tooltips system plugin settings.

Examples

Tooltip with a title and text

Hover here to see tooltip

{tip Cool...::This is a tooltip!}Hover here to see tooltip{/tip}

Tooltip with only text

Hover here to see tooltip

{tip This is a tooltip!}Hover here to see tooltip{/tip}

Tooltip with only a title

Hover here to see tooltip

{tip This is a tooltip!::}Hover here to see tooltip{/tip}

Tooltip with rich text

Hover here to see tooltip

{tip You can use bold, italic, underlined text.
Or use enters and any other markup you want!}Hover here to see tooltip{/tip}

Tooltip with images

You can even make images show in the tooltips and use this - for example - as a gallery:

{tip }{/tip} {tip }{/tip} {tip }{/tip} {tip }{/tip} {tip }{/tip} {tip }{/tip}

Or simply place the html in the {tip} tags, instead of the large images, like:

{tip <img src="/images/fruit/apple.jpg" height="150" width="200" />}{/tip} {tip <img src="/images/fruit/banana.jpg" height="150" width="200" />}{/tip} {tip <img src="/images/fruit/blueberry.jpg" height="150" width="200" />}{/tip} {tip <img src="/images/fruit/strawberry.jpg" height="150" width="200" />}{/tip} {tip <img src="/images/fruit/orange.jpg" height="150" width="200" />}{/tip} {tip <img src="/images/fruit/lime.jpg" height="150" width="200" />}{/tip}

Styling

The default tooltip styling is based on the tooltips used in the Joomla administrator, with the addition of some CSS3 styles like border radius and a shadow.

Tooltips gives you many options to adjust the default styling and can further be fully styled through CSS.
See the Tooltips system plugin settings for an overview of all styling options.

Tooltips that contain only an image will have a different class name and can therefore be styled differently to text tooltips. By default the image tooltips have no border radius and no padding.

If you have sufficient CSS knowledge you can afully customize the styling of the tooltips.

Take a look at the stylesheet that comes with Tooltips in: /media/tooltips/css/style.min.css

You can overrule the Tooltips stylesheet by copying it or creating your own in: /templates/[YOUR TEMPLATE]/css/tooltips/style.min.css

Please note that the css in the style.min.css is compressed (minified). To get the not-minified css, look in the style.css. Also the original LESS files are included in the /media/tooltips/less folder.

Settings

Tooltips is packed with options, giving you control over how the tooltips look and behave. Here is the full list of options you can find in the Tooltips system plugin settings:

Joomla 3 version

Joomla! 3 only

Styling

Load Stylesheet Select to load the extensions stylesheet. You can disable this if you place all your own styles in some other stylesheet, like the templates stylesheet.

Link

Colour The colour of the tooltip link. Leave empty to use the default colour defined by your template.
Underline Select how to underline the tooltip link. This will not underline linked images.
Underline Colour The colour of the underline of the tooltip link

Tooltip

Title Colour The colour of the text in the tooltip title. Leave empty to use the default colour defined by your template.
Text Colour The colour of the text in the tooltip. Leave empty to use the default colour defined by your template.
Link Colour The colour of links in the tooltip. Leave empty to use the default colour defined by your template.
Background Colour Title The colour of the background of the tooltip title.
Background Colour The colour of the background of the tooltip.
Border Colour The colour of the border of the tooltip.
Maximum Width Set the maximum width of the tooltip.

This will not effect tooltips with larger images. The tooltip will resize to the image width.
z-index Enter the z-index of the tooltip element. Change this to a higher value if you have problems with other elements overlapping it.

Behaviour Pro only

Mode Select whether the tooltips should show on mouse click or hover.

With the sticky mode, the tooltip will show on hover and hide on click or timeout.
Hide Delay The delay in milliseconds. Set to 0 for no delay.
Use Timout Select to use a timeout after which the tooltip should hide.
Position Select the position of the tooltip relative to the link.
Use auto-positioning Select to make the tooltip show in a different position when there is not enough room in the default position.
Fallback position The fallback position to use when there is not enough room in all positions.

Advanced

Tooltips Tag Tag Syntax:
The word to be used in the tags.

Note: If you change this, all existing tags will not work anymore.
Disable on Components Select in which frontend components NOT to enable the use of this extension.
Load Bootstrap Framework Disable to not initiate the Bootstrap Framework.
Enable in administrator If enabled, the plugin will also work in the administrator side of the website.

Normally you will not need this. And it can cause unwanted effects, like slowing down the administrator and the plugin tags being handled in areas you don't want it.

Editor Button Options

Button Text This text will be shown in the Editor Button.
Enable in frontend If enabled, it will also be available in the frontend.
Use Custom Code If selected, the Editor Button will insert the given custom code instead.
Custom Code Enter the code the Editor Button should insert into the content (instead of the default code).

Joomla 2.5 version

Joomla! 2 only

Styling

Load Stylesheet Select to load the extensions stylesheet. You can disable this if you place all your own styles in some other stylesheet, like the templates stylesheet.

Link

Underline Select how to underline the tooltip link. This will not underline linked images.
Underline Colour The colour of the underline of the tooltip link

Tooltip

Text Colour The colour of the text in the tooltip. Leave empty to use the default colour defined by your template.
Link Colour The colour of links in the tooltip. Leave empty to use the default colour defined by your template.
Background Colour The colour of the background of the tooltip.
Border Colour The colour of the border of the tooltip.
Border Width The width (in pixels) of the border of the tooltip.
Use Rounded Corners Select to give the tooltip a rounded corners. Only works on CSS3 compatible browsers.
Border Radius The radius (in pixels) of the rounded corners of the tooltip. Only works on CSS3 compatible browsers.
Maximum Width Set the maximum width of the tooltip.

This will not effect tooltips with larger images. The tooltip will resize to the image width.
z-index Enter the z-index of the tooltip element. Change this to a higher value if you have problems with other elements overlapping it.

Behaviour Pro only

Offset (horizontal) Set the offset of the tooltip on pixels
Offset (vertical) Set the offset of the tooltip on pixels
Fixed If selected, the tooltip will not follow the mouse.
Sticky If selected, the tooltip will hide when the mouse is clicked. Otherwise the tooltip will hide when the mouse exits the link.

Show

Delay The delay in milliseconds. Set to 0 for no delay.
Fade Speed The speed of the fade effect in milliseconds. Set to 0 for no effect.

Hide

Delay The delay in milliseconds. Set to 0 for no delay.
Fade Speed The speed of the fade effect in milliseconds. Set to 0 for no effect.

Tag Syntax

Tooltips Tag The word to be used in the tags.

Note: If you change this, all existing tags will not work anymore.

Editor Button Options

Button Text This text will be shown in the Editor Button.
Show Button Icon If selected, the icon will be displayed in the Editor Button.
Enable in frontend If enabled, it will also be available in the frontend.
Use Custom Code If selected, the Editor Button will insert the given custom code instead.
Custom Code Enter the code the Editor Button should insert into the content (instead of the default code).

Joomla 3 vs Joomla 2.5 version

The Joomla 2.5 version of Tooltips works differently to the Joomla 3 version.

The 2 versions are based on different JavaScript libraries, have a different html output and therefor have different css declarations.

If you upgrade from Joomla 2.5 to Joomla 3 and are using custom styling, you will need to re-write your css.

FeatureJoomla 2.5 Joomla 3
JavaScript library MooTools jQuery / Bootstrap
Click mode Pro only No Yes
Delay Pro only No Yes
Timeout Pro only No Yes
Positioning No Yes
Active development No Yes

Installation

You can either install Tooltips by using the core extension manager available in the Joomla! Administrator Control Panel, or by using the powerful NoNumber Extension Manager.

Note: When updating Tooltips, you do not need to uninstall it first. The package will update all the files automatically.

Keep in mind that when you update to a major new version (or uninstall first), you might lose some configuration settings.

NoNumber Extension Manager

It is very easy to install/update any NoNumber Extension using the NoNumber Extension Manager.

Please see the User Guide for the NoNumber Extension Manager for more detailed information...


Joomla! Extension Manager

To install via the Joomla! Extension Manager, just follow these steps:

  1. Log into your Joomla administrator;
  2. In the menu, choose: Extensions >> Extension Manager;
  3. Choose the tab: Install from Web (or enable it if you haven't done so yet);
  4. Select the search field and enter Tooltips and hit enter;
  5. Click on the Tooltips listing;
  6. Click on Install;
  7. Click on Install to confirm.
Joomla! Installer - Install from Web

Or if you need to install the Pro version or cannot install via the 'Install via Web' method for some reason:

  1. Download the extension install file (.zip);
  2. Log into your Joomla administrator;
  3. In the menu, choose: Extensions >> Extension Manager;
  4. Choose the tab: Upload Package File;
  5. Click on the Choose File button and select the extension zip;
  6. Click on Upload & Install.
Joomla! Installer - Upload Package File

If you have problems installing Tooltips, please try the manual installation process as described here: docs.joomla.org/Installing_an_extension

FAQs

The {tip} tags are not being converted

The Tooltips plugin is not published

Check if the Tooltips plugin is published. Go to Extensions >> Plugin manager and search for the system plugin System - NoNumber Tooltips. Then publish it.

There is markup on the {tip} tags

It is fine to give styles to the title and text within the {tip} tags, like: {tip My Title}
But giving styles to other parts of the tag, or the entire tag, can cause problems, like: {tip My Title}

If you have copy/pasted code directly into your editor, you might also have copied along hidden HTML tags. So this will also cause the {tip} tags to break:

{<span>tip</span>=...}

Remove the extra styling or other html tags around and in the {tip} tags that might cause problems.

Tips are not working on all browsers

There are javascript errors

Javascript errors might and usually will cause the tips to disfunction. You probably have a Mootools or jQuery conflict on your site. This often happens if multiple Mootools or jQuery scripts are loaded.

Take a look in the sites output html (ctrl-u) to check this.

For more details about the javascript error(s), you can use Firefox with the Web Developer Toolbar, Inspect Element console in Chrome, or any other browser with a javascript debugger.

Tips are not working on Internet Explorer (but are working on other browsers)

There are problems in the html output structure of your website

Internet Explorer is pretty picky when it comes to html. It will not handle invalid markup gracefully.

Check if you have unclosed html tags in your content (see the html view in your editor), like divs or spans that have no closing tag, or lost closing tags without opening tag.

You can check your page for html errors on: http://validator.w3.org

Installation

How can I install/upgrade Tooltips?

You can either install Tooltips by using the core extension manager available in the Joomla! Administrator Control Panel, or by using the powerful NoNumber Extension Manager.

Note: When updating Tooltips, you do not need to uninstall it first. The package will update all the files automatically.

Keep in mind that when you update to a major new version (or uninstall first), you might lose some configuration settings.


Tooltips won't install...

If you have problems installing Tooltips, please try the manual installation process as described here: docs.joomla.org/Installing_an_extension

How can I uninstall Tooltips?

You can either uninstall Tooltips by using the core extension manager available in the Joomla! Administrator Control Panel, or by using the powerful NoNumber Extension Manager.

If you no longer use any NoNumber extensions, you can also uninstall the NoNumber Framework plugin by using the Joomla! core extension manager.

What are the minimum requirements?

Tooltips will only work correctly if your setup meets these requirements:

  • Up-to-date version of Joomla:
    • Joomla 2.5.10 or higher
    • Joomla 3.3.0 or higher
  • PHP 5.3.13 or higher
  • PHP mbstring (Multibyte String) functions enabled
  • MySQL 5 or higher

Important: I can only provide support for setups that:

  • meet the above requirements;
  • do not have extension files or Joomla! core files which have been altered in any way.

Where can I download earlier versions?

You have access to all previous free versions of all extensions on this website.

If you have a subscription to an extension, you can also download any previous pro version of any extension on this website.

If you do not have a valid subscription, you can download any pro version that is older than 1 year.

You can find old versions in the changelog.

Note: Please note that I am unable to provide support on old versions! (whether you have a subscription or not).

How can I downgrade to an earlier version of Tooltips?

If for some reason you need to install an older version, it is best to uninstall the extension first.

You will also have to uninstall the NoNumber Framework system plugin.

After that you can simply install the older version zip file using the Joomla! installer.

Note: Please note that I am unable to provide support on old versions!

How can I upgrade from Joomla 2.5 to Joomla 3?

The upgrade of Joomla itself is a one-click process. But that just takes care of Joomla.

Many templates and extensions will not work the same or at all after upgrading to Joomla 3.

I personally advise against using the built-in upgrade process, and advise starting from scratch by installing a fresh copy of Joomla 3.

If you do want to upgrade Joomla 2.5 to Joomla 3, you will need to do this with regards to the NoNumber extensions you have installed:

  1. Disable or uninstall all NoNumber extensions.
    (Uninstalling NoNumber extensions will make you lose any global configuration settings for that extension. You will not lose any saved items)
  2. Upgrade Joomla 2.5 to Joomla 3.
  3. Re-install all NoNumber extensions you want installed.

For a detailed step-by-step migration process, see: https://docs.joomla.org/Joomla_2.5_to_3.x_Step_by_Step_Migration

Licensing

Under what license are NoNumber extensions released?

All free and paid NoNumber extensions are released under the Open Source GNU GPL v2.0 license.

See the Terms & Conditions for additional terms.

NoNumber Framework

What is the NoNumber Framework?

The NoNumber Framework is a Joomla! system plugin that is installed along with every NoNumber extension.

This plugin contains all the common functions and language strings that the NoNumber extensions use.

If you use any NoNumber extensions, this plugin must be installed and published. They will not function correctly or they will not function at all without it.

What is the NoNumber Elements plugin?

The NoNumber Elements system plugin is no longer used and has been replaced by the NoNumber Framework.

If you have been using NoNumber extensions for a long time you may still have this Elements plugin installed.

The NoNumber Elements plugin can safely be uninstalled IF your NoNumber extensions are up-to-date.

More Questions

I cannot find an answer to my question

Is there no answer to your question in this list, please try out these options:

  • General FAQs
    For general questions see the Pre-Sale Questions & Answers.
  • Tooltips
    All settings/options for the installed extensions have tooltips that explain what that setting is for. That should give you enough information to know how to use it.
  • Google
    Google is your friend! If you have some problem, get an error, have a question, try out Google. It usually gives you enough feedback to find an answer.
  • Forum
    For more specific questions or feedback, please use the Forum.

Changelog

+ Added   - Removed   ^ Changed   # Fixed

03-Apr-2015 : v3.7.10

Download Free

 + Added translations: uk-UA
 ^ Improved handling of html style tags in the content
 ^ J3 Improved handling of selected text in editor when clicking on editor button
 ^ J3 Improved rendering speed on pages with large contents
 # PRO Fixed issue with components select list only saving one value

14-Jan-2015 : v3.7.9

Download Free

 + J3PRO Added option to remove/keep plugin syntax on disabled components
 # PRO Fixed issue with disable on components option not working

08-Jan-2015 : v3.7.8

Download Free

 ! Removed compatibility for php versions under 5.3.13
 ! J3 Removed compatibility for Joomla 3 versions under 3.3.0
 # Fixed issue with Free version being able to be installed over the Pro version
 # Fixed issue with error about nnFile on installation on some setups
 # PRO Fixed issues with duplicate rows in update_sites table

19-Oct-2014 : v3.7.7

Download Free

 # Fixed issue with scripts/styles not being loaded in some cases

18-Oct-2014 : v3.7.6

Download Free

 # Fixed issue with plugin not working on jDownloads frontend view
 # J2 Fixed issue with image urls inside tips not being routed correctly

01-Oct-2014 : v3.7.5

Download Free

 # Fixed issue with plugin not being run over introtext/fulltext on onContentPrepare event
 # J2 Fixed issue with urls inside tips not being routed correctly

20-Aug-2014 : v3.7.4

Download Free

 # Fixed issue with tags being converted in com_myjspace edit forms
 # Fixed some language string issues
 # J2 Fixed issue with errors after upgrade to Joomla 3
 # J3 Fixed issue with background and border color settings not styling arrow correctly
 # J3 Fixed issue with image tooltips not being positioned correctly on first show

19-Jul-2014 : v3.7.3

Download Free

 # Fixed issue with NoNumber Framework not getting installed
 # Fixed issue with manifest cache (version and update info) not being updated

26-Jun-2014 : v3.7.1

Download Free

 # Fixed issue with custom editor button text not working
 # Fixed issue with enable in frontend editor button option not working

25-Jun-2014 : v3.7.0

Download Free

 ^ Refactored code
 ^ Updated translations: lt-LT
 # PRO Fixed issue with error about in_array
 # J2 Fixed issue with errors after upgrade to Joomla 3
 # J3 Fixed issue with tags not being handled in search results

23-May-2014 : v3.6.1

Download Free

 + Added translations: fr-FR, id-ID, nl-NL
 ! J3 Removed compatibility for Joomla 3 versions under 3.2.2
 # Fixed issue with html structure issues when tags are directly inside html 5 elements

18-Mar-2014 : v3.6.0

Download Free Download Pro (older than 1 year)

 ^ Updated translations: lt-LT
 ^ J3 Increased the default z-index to 10000 to be higher than modals
 ^ J3PRO Added option to enable/disable auto-positioning
 ^ J3PRO Added option to set the fallback position

19-Feb-2014 : v3.5.0

Download Free Download Pro (older than 1 year)

 + J3PRO Added option to set delay of hiding the tooltip in hover mode
 ^ J3 Improved positioning of tooltips when there is no place on the screen
 # J3 Fixed issue with tooltip hiding when touching tooltip (on touchscreens)

13-Jan-2014 : v3.4.3

Download Free Download Pro (older than 1 year)

 # Fixed issue with some missing language strings in some occasions
 # J3 Fixed issue with styles/classes not being added anymore

02-Jan-2014 : v3.4.2

Download Free Download Pro (older than 1 year)

 + Added translations: ar-AA, ar-SA
 ^ Improved some code in NoNumber Framework which improves page load speed
 ^ Updated translations: cs-CZ
 # Fixed installation error about duplicate entry on some MySQL 5.6 setups

07-Nov-2013 : v3.4.1

Download Free Download Pro (older than 1 year)

 + Added translations: bg-BG, cs-CZ, da-DK, es-CL, et-EE, hr-HR, hu-HU, pt-PT, sk-SKname="position
 ! Removed some redundant css
 ^ Changed javascript minification to use Google Closure
 ^ Updated translations: ca-ES, de-DE, el-GR, es-ES, fr-FR, it-IT, pt-BR, ru-RU, sl-SI, sv-SE, th-TH, zh-TW
 # Fixed issue with tags in Sourcerer code being converted
 # Fixed issue with tags in some text and textarea fields being converted

25-Sep-2013 : v3.4.0

Download Free Download Pro (older than 1 year)

 + PRO Added option to disable on selection of components
 ^ Updated translations: de-DE, nl-NL, lt-LT
 # Fixed issue with opening tags not being converted on some setups
 # Fixed issue with tags not being handled when site has invalid html structure
 # Fixed issue with tags sometimes appearing in title tags and title attributes
 # J3 Fixed issue with empty styles tag being generated in some cases
 # J3 Fixed issue with tooltips not closing on touchscreens on click outside tooltip

08-Aug-2013 : v3.3.0

Download Free Download Pro (older than 1 year)

 + Added click mode on touchscreen devices by default
 ! J2 Removed compatibility for Joomla 2.5 versions lower than 2.5.10
 ! J3.0 Removed compatibility for Joomla 3 versions lower than 3.1.0
 # J2 Fixed issue with tooltips getting rounded corners when option is set to no
 # J3 Fixed issue with arrow shadow not aligning on Firefox and Opera
 # J3 Fixed issue with editor button not getting styled correctly on TinyMCE
 # J3 Fixed issue with tooltips being added after element instead of at end of body (causing styling issues)
 # J3 Fixed issue with tooltips not hiding when clicking outside on touchscreens when using hover method

20-Jun-2013 : v3.2.0

Download Free Download Pro (older than 1 year)

 + J3PRO Added sticky mode (show on hover, hide on click/timeout)
 + J3PRO Added timeout for click/sticky mode after which the tooltip should automatically hide
 ^ Improved minification of js files
 ^ J2 Converted images in (editor) buttons to font icons
 ^ J3 Updated styles to work with Bootstrap 2.3.2

22-Apr-2013 : v3.1.1

Download Free Download Pro (older than 1 year)

 # Fixed issue with installation manifest details not updating
 # Fixed issue with update manager not seeing latest version (caused by manifest)

18-Apr-2013 : v3.1.0

Download Free Download Pro (older than 1 year)

 + Added ability to enable the plugin in the administrator side (no guarentees on effects)
 + J2 Added ability to switch off the loading of the Mootools script
 ^ Updated translations: nl-NL
 # Fixed issue with dollar signs in the tooltips

28-Mar-2013 : v3.0.2

Download Free Download Pro (older than 1 year)

 ^ Changed messaging on installation on unsupported Joomla versions
 ^ Cleaned up some code (syntax)
 ^ Updated translations: pl-PL, th-TW
 # Fixed issue with spaces arround classes/attributes in tag causing it to fail
 # J2.4 Fixed issue with sometimes getting a tip.fade_in is undefined javascript error

18-Mar-2013 : v3.0.1

Download Free Download Pro (older than 1 year)

 # J3 Fixed issue with some tooltip styling options not working

06-Mar-2013 : v3.0.0

Download Free Download Pro (older than 1 year)

 + J3 Added Joomla 3 support
 ! J1.5 Removed Joomla 1.5 support
 ^ Updated translations: fr-FR, lt-LT, zh-TW

09-Feb-2013 : v2.2.2

Download Free Download Pro (older than 1 year)

 + J2 Added less files for generating css files
 ! J1.5 LAST VERSION COMPATIBLE WITH JOOMLA 1.5
 ^ J2 Minified css and js files
 # J2 Fixed issue with colons in titles being replaced by [[e]]

29-Dec-2012 : v2.2.1

Download Free Download Pro (older than 1 year)

 ! J2 Removed versioned media files option
 # J2 Fixed error about XML setup file on first install

22-Dec-2012 : v2.2.0

Download Free Download Pro (older than 1 year)

 + Added translations: el-GR
 ^ J2 Cleaned up code
 ^ J2 Moved media files to Joomla media folder
 # Fixed issue with style settings not having effect on image links
 # Fixed issue with tags being handled in edit for of jcal, jevent and some others

05-Sep-2012 : v2.1.1

Download Free Download Pro (older than 1 year)

 ! Removed ability to install on Joomla 1.6 and 1.7
 ! Removed ability to install on setups with php 5.2 or lower
 ^ Cleaned a lot of code
 ^ Updated translations: es-ES, nl-NL
 # Fixed issue with line-height in image tooltips creating whitespace
 # Fixed issue with tags being interpreted inside the Josetta form
 # Fixed issue with tooltips without titles being displayed as titles

01-May-2012 : v2.1.0

Download Free Download Pro (older than 1 year)

 ^ Improved protecting of edit forms to only protect fields (so tags work outside form fields)
 ^ Increased page load speed by changing how xml files are loaded
 ^ Updated translations: zh-TW

13-Apr-2012 : v2.0.2

Download Free Download Pro (older than 1 year)

 + Added translations: zh-TW
 # Fixed issue with scripts not getting loaded if tags are only used outside content are

10-Apr-2012 : v2.0.1

Download Free Download Pro (older than 1 year)

 # SECURITY FIX: Fixed URL injection vulnerability in NoNumber Framework

07-Apr-2012 : v2.0.0

 + Added translations: fr-FR
 ^ Changed layout of settings
 ^ Changed some language strings
 ^ Cleaned up code syntax
 ^ Now available as Pro and Free version
 # Fixed issue with mootools being loaded on pages even when not necessary

12-Mar-2012 : v1.2.4

 ^ Improved handling of other plugin style tags inside the {tip} tag
 # Fixed issue with tooltip not completely disappearing after fadeout

05-Mar-2012 : v1.2.3

 ^ Changed default custom code text {tip=Tooltip...} => {tip Tooltip...}
 ^ Cleaned up code syntax
 # Fixed issue with tags being messed up in frontend editor

01-Mar-2012 : v1.2.2

 + Added translations: pl-PL
 # Fixed issue with tags in tooltips causing w3c validation fail

10-Feb-2012 : v1.2.1

 + Added option to overrule the default code the editor button inserts
 + Added translations: it-IT
 ^ Cleaned up more code
 ^ Improved cleanup of scripts/styles when there are no tabs on the page
 ^ Updated translations: lt-LT, pt-BR, ru-RU, sl-SI, th-TH
 # Fixed issue with installer not removing the folder/zip from the tmp

09-Nov-2011 : v1.2.0

 + Added option to make tooltip sticky (have to click to hide it)
 + Added options to set text and link color
 + Added options to set the horizontal and vertical offset of the tooltip
 ^ Cleaned code syntax (no longer guaranteed support for php 5.2.x and lower)
 ^ Improved cleanup of scripts/styles when there are no tabs on the page
 # Fixed issue with tags being handled in some edit forms
 # Fixed issue with urls in the tooltips not being converted to SEF urls

14-Oct-2011 : v1.1.1

 # Fixed issue with title/text in tooltip being shortened by default MooTools 1.11 functionality
 # Fixed security issue in NoNumber Framework plugin

08-Oct-2011 : v1.1.0

 ^ Cleaned up some code (like no more use of DS)
 ^ Improved installer
 ^ Moved translation language files to main package (no more language packs)
 # Fixed issue with php error in article edit pages
 # Fixed issue with tags being handled in editor button popup
 # Fixed issue with tips with no separate title not showing correctly with fixed option

16-Sep-2011 : v1.0.0

 + First stable release
 ^ Changed NoNumber Elements plugin to NoNumber Framework
 ^ Moved common language strings to NoNumber Framework files
 # Fixed issue mootools errors on some Joomla 1.7 setups
 # Fixed issues with handling other plugin tags within the tip tag

05-Aug-2011 : v0.3.3

 # Fixed issue mootools errors on some setups

05-Aug-2011 : v0.3.3

 # J1.5 Fixed issue error on datetime.php

04-Aug-2011 : v0.3.2

 # J1.5 Fixed issue with setting elements not working

04-Aug-2011 : v0.3.1

 + Added options to fade in/out the tooltip
 ^ Improved auto width of tooltip when it contains larger images

21-Jul-2011 : v0.3.0

 + Added auto width of tooltip if it has a larger image
 + Added option to set the underline style and color
 + Added options to control handing of the tooltip (fixed, show/hide delay, z-index)
 + Added options to set the max-width of the tooltip

05-Jul-2011 : v0.2.0

 + Added Commercial License code check
 + Added ability to add classes to tag

03-Jul-2011 : v0.1.3

 + Added options to set background and border of tooltip in plugin settings
 ^ Removed the tooltip arrow

02-Jul-2011 : v0.1.2

 + Added some extra styling (border radius and shadow via CSS3)
 ^ Changed some styles for better compatibility
 ^ Improved handling for images

01-Jul-2011 : v.1.1
 + Added styles for link
 # Fixed styling conflicts with templates
 # Fixed styling for mootools 1.11

01-Jul-2011 : v0.1.0

 + First beta release
		

Reviews

Post a review

Functionality

Splendid plugin, great functionality. I've always been fan of Peter's Plugins.

Ease of use

Damn easy

Support

Not required, but from my past experience, I bet you'll not be disappointed from Peter

Documentation

Flawless

Functionality

Create in 1 step a tooltip

Ease of use

Verry easy to use

Support

Verry good support

Documentation

Easy to use and step by step

Easy to install and easy to use.
Lots of options to choose from even in basic version.
I tried several tooltips, but this one is definitely by far the best.
Plugin easy customization from backend. You can choose color of tultips, body font, title font etc.
Implementation is extremely simple, beacuse it has u button with your editor. You don't even need to read documentation.
Bootstrap javascript library is inherited within joomla native, so no javascript conflict will ever occur.
Support is kind, fast and professional.

And most important of all - it's Tablet and Mobile ready!
I'm just a volunteer website manager for a small non-profit. I do this for fun because I guess I'm crazy. Nothing makes me happier than an elegant design that solves a problem without a lot of hassle. That's why when I wanted a Tooltip on my site, and I saw one from NoNumber, I stopped looking.

All Peter's plugins and modules work exactly the way I expect them to. Using his products just makes me happy. It's hard to believe he gives them away for free. May his life be filled with joy!
There is nothing much to say!!

Simply PERFEKT! Nd easy to use!

Great!
An awesome extension and very very easy to use it without any conflicts and difficult plugin code.If you'll use it,your site will take another stylish dimension.About the support what can i say,very fast and precise.I strongly recommended to use it.Thank you
Excellent extension.

Very easy to install and it works a charm.

Even images tips are very responsive.
I really love the extensions from NoNumber. The tools work great and I really like the style how they work. The support in official forums is great as well! Thank you so much!!! :-)
This small plugin has got to be one of the best things since sliced bread. Like everything from nonumber it is simple to use, powerful and works flawlessly.

See more reviews

Post a review

Reviews are taken from the Joomla Extensions Directory website.

Translations

Tooltips comes packed with the following languages:

English (United Kingdom)
100%
Bulgarian (Bulgaria)
13%Translate
Catalan (Spain)
52%Translate
Czech (Czech Republic)
12%Translate
Danish (Denmark)
12%Translate
German (Germany)
74%Translate
Greek (Greece)
63%Translate
Spanish (Spain)
94%Translate
Estonian (Estonia)
13%Translate
Persian (Iran)
11%Translate
French (France)
64%Translate
Indonesian (Indonesia)
100%
Italian (Italy)
63%Translate
Lithuanian (Lithuania)
100%
Norwegian Bokmål (Norway)
10%Translate
Dutch (Netherlands)
100%
Polish (Poland)
78%Translate
Portuguese (Brazil)
64%Translate
Portuguese (Portugal)
14%Translate
Romanian (Romania)
11%Translate
Russian (Russia)
64%Translate
Slovenian (Slovenia)
94%Translate
Swedish (Sweden)
52%Translate
Thai (Thailand)
83%Translate
Ukrainian (Ukraine)
100%
Chinese (Taiwan)
66%Translate

No language pack for your language?