tooltipster Widget for using jQuery plugin "tooltipster"

  1. Requirements
  2. Usage
  3. Resources

This is just al wrapper for the awesome jQuery tooltipster plugin. Yes, you are right: this plugin will display nice tooltips :D

Wanna see a demo?

Wanna fork yii-tooltipster or tooltipster on github?

Requirements

Yii 1.1 or above

Usage

Just call the widget once:

$this->widget('ext.tooltipster.tooltipster');

By default this will create a simple tooltip for every element with the class tooltipster: ~~~ [html]

Link

This div has a tooltip when you hover over it!


##Advanced options
There are two possible options: the identifier and an options-array.

```php
$this->widget('ext.tooltipster.tooltipster',
          array(
            'identifier'=>'.lolcat',
            'options'=>array('position'=>'right')
));
```
The **identifier** can be a css class or a id. Also you can use the **options**-array to submit all options tooltipster can work with (check the [docs](http://calebjacob.com/tooltipster/#options)).

[html]

right?

~~~

Default options:
$_default_options = array(
        'animation'=>'fade',
        'arrow'=>true,
        'arrowColor'=>'',
        'content'=>'',
        'delay'=>'200',
        'fixedWidth'=>'0',
        'functionBefore'=>'js:function(origin, continueTooltip) { continueTooltip(); }',
        'functionAfter'=>'js:function(origin) {}',
        'icon'=>'(?)',
        'iconTheme'=>'.tooltipster-icon',
        'iconDesktop'=>false,
        'iconTouch'=>false,
        'interactive'=>false,
        'interactiveTolerance'=>'350',
        'offsetX'=>'0',
        'offsetY'=>'0',
        'onlyOne'=>true,
        'position'=>'top',
        'speed'=>'350',
        'timer'=>'0',
        'theme'=>'.tooltipster-default',
        'touchDevices'=>true,
        'trigger'=>'hover'
    );

Resources

8 0
17 followers
1 353 downloads
Yii Version: 1.1
License: (not set)
Category: User Interface
Developed by: Yerlt
Created on: Jan 20, 2013
Last updated: 4 years ago

Downloads

show all

Related Extensions