PHPackages                             sammaye/yii2-qtip - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. sammaye/yii2-qtip

ActiveYii2-extension[Framework](/categories/framework)

sammaye/yii2-qtip
=================

qtip plugin for the Yii2 framework

240.3k↓51.1%41JavaScript

Since Mar 25Pushed 12y ago2 watchersCompare

[ Source](https://github.com/Sammaye/yii2-qtip)[ Packagist](https://packagist.org/packages/sammaye/yii2-qtip)[ RSS](/packages/sammaye-yii2-qtip/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependenciesVersions (1)Used By (1)

yii2-qtip
=========

[](#yii2-qtip)

A Yii2 qtip Plugin:

This plugin currently deals with hooking qtip onto elements.

Usage of this plugin is really simple. Let's take an example:

```
\sammaye\qtip\Qtip::widget([
    'hook' => '.what_does_this_mean',
    'content' => [
        'text' => new JsExpression("function(api){
            var caption = $(this).data('caption');
            return ''+caption+'';
        }")
    ],
    'style' => [ 'classes' => 'ui-tooltip-shadow ui-tooltip-light' ],
    'position' => [
        'my' => 'bottom center',
        'at' => 'top center'
    ]
]);

```

Now there are in reality only two widget properties, one being `hook` and the other being `options`. All of the other properties you see here such as `content`, `style` and `position`are all being magically added to the `options` property to be JSON encoded directly into the qtip plugins constructor in JavaScript.

This means that in order to understand how to use this plugin you only need to know what `hook` is. `hook` denotes the element for which a tooltip will appear for. An example of this would be:

```
Details

```

This would make it so that a tooltip containing the `data-caption` content would appear when the user hovers over this link, essentially this example in JS would be (and the plugin echos):

```
$('.what_does_this_mean').qtip({
    "content":{
        "text":function(api){
            var caption = $(this).data('caption');
            return ''+caption+'';
         }
    },
    "style":{
       "classes":"ui-tooltip-shadow ui-tooltip-light"
    },
    "position":{"my":"bottom center","at":"top center"}
});

```

On how to use all the components of this plugin (due to its transparent nature) please refer to the qtip documentation: [here](http://qtip2.com/api).

Please file all issues on [GitHub issues](https://github.com/Sammaye/yii2-qtip/issues).

###  Health Score

29

—

LowBetter than 57% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity31

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/7357836d822160350576f98b85244f4d5f960be303a2fcaa15a330187966cbd4?d=identicon)[Sammaye](/maintainers/Sammaye)

---

Top Contributors

[![Sammaye](https://avatars.githubusercontent.com/u/323996?v=4)](https://github.com/Sammaye "Sammaye (8 commits)")

### Embed Badge

![Health badge](/badges/sammaye-yii2-qtip/health.svg)

```
[![Health](https://phpackages.com/badges/sammaye-yii2-qtip/health.svg)](https://phpackages.com/packages/sammaye-yii2-qtip)
```

###  Alternatives

[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k39.6M297](/packages/laravel-dusk)[nineinchnick/edatatables

Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin

173.2k](/packages/nineinchnick-edatatables)[link-cloud/fast-hyperf

LinkCloud Fast Hyperf

241.2k1](/packages/link-cloud-fast-hyperf)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)