PHPackages                             hsegura/yii2-popover-x - 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. [Templating & Views](/categories/templating)
4. /
5. hsegura/yii2-popover-x

ActiveYii2-extension[Templating & Views](/categories/templating)

hsegura/yii2-popover-x
======================

An extended bootstrap 3.0 popover widget which combines both the bootstrap popover and modal features and includes various new styling enhancements.

v1.3.5(6y ago)0671BSD-3-ClausePHP

Since Oct 5Pushed 6y agoCompare

[ Source](https://github.com/hsegura/yii2-popover-x)[ Packagist](https://packagist.org/packages/hsegura/yii2-popover-x)[ Docs](https://github.com/kartik-v/yii2-popover-x)[ RSS](/packages/hsegura-yii2-popover-x/feed)WikiDiscussions master Synced yesterday

READMEChangelog (1)Dependencies (2)Versions (10)Used By (1)

 [ ![Krajee Logo](https://camo.githubusercontent.com/4addfbb3869c3fc7d79befea4f06d9cf3655a686fb503df0da1d725859cfdef9/687474703a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f6b72616a65652d6c6f676f2d622e706e67) ](http://demos.krajee.com "Krajee Demos")
 yii2-popover-x ---

 [ ![Donate](https://camo.githubusercontent.com/4af77d425ca202e55ab3d711b438e238ded194735bc345a019ac060e03e26227/687474703a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f646f6e6174652e706e67) ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DTP3NZQ6G2AYU "Donate via Paypal")
==================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================

[](#------------------------yii2-popover-x--------------------)

[![Stable Version](https://camo.githubusercontent.com/4c1ee936ea1e10ca59084bebc234f85d0fe53b6db47bca910752dc4c27afc71a/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f762f737461626c65)](https://packagist.org/packages/kartik-v/yii2-popover-x)[![Untable Version](https://camo.githubusercontent.com/b4c4f6394117148a6ab79b022566950869cae62782113c5a37ea14c15cd44a79/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f762f756e737461626c65)](https://packagist.org/packages/kartik-v/yii2-popover-x)[![License](https://camo.githubusercontent.com/64952e139441c6a211c994b374a5809744b86420eed8fe039ef7e2e753c1be33/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f6c6963656e7365)](https://packagist.org/packages/kartik-v/yii2-popover-x)[![Total Downloads](https://camo.githubusercontent.com/1dfd13355e1496412441473fca1ec94e018523e058acc7780ae081b1806ee393/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f646f776e6c6f616473)](https://packagist.org/packages/kartik-v/yii2-popover-x)[![Monthly Downloads](https://camo.githubusercontent.com/81ecadca168e7985c8490ce7c1fee3b67db0cb062eddcf3b69929c311f42707a/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f642f6d6f6e74686c79)](https://packagist.org/packages/kartik-v/yii2-popover-x)[![Daily Downloads](https://camo.githubusercontent.com/28eb96661384e40b12ba5b83d4d8b91ddc5ababf078c23968babfd3cfee54610/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d706f706f7665722d782f642f6461696c79)](https://packagist.org/packages/kartik-v/yii2-popover-x)

An extended popover widget for Yii Framework 2 based on the [bootstrap-popover-x jQuery plugin](http://plugins.krajee.com/popover-x) by Krajee. This plugin is an extended popover JQuery plugin which combines both the popover and bootstrap modal features and includes various new styling enhancements. This widget can be setup just like the builtin `yii\bootstrap\Modal`, with some additional enhancements.

> NOTE: Refer the [CHANGE LOG](https://github.com/kartik-v/yii2-popover-x/blob/master/CHANGE.md) for details on changes to various releases.

Features
--------

[](#features)

The plugin offers these enhanced features:

- The extended popover can be rendered just like a bootstrap modal dialog with the bootstrap popover styling. Since the plugin extends the bootstrap modal, all features of the [bootstrap modal](http://getbootstrap.com/javascript/#modals) and its methods are also available.
- Adds a popover footer along with header. Configuration of the HTML content for the popover is much easier, just like a bootstrap modal.
- Specially styles and spaces out bootstrap buttons added in popover footer.
- Add a close icon/button to a popover window.
- Configure various prebuilt styles/templates. In addition to a default (grey), the bootstrap 3 contextual color styles of `primary`, `info`, `success`, `danger`, and `warning` can be used.
- Control popover placements with respect to the target element. The plugin supports 19 different placement options:
    - auto
    - auto-left
    - auto-right
    - auto-top
    - auto-bottom
    - horizontal
    - vertical
    - right
    - left
    - top
    - bottom
    - top top-left
    - top top-right
    - bottom bottom-left
    - bottom bottom-right
    - left left-top
    - left left-bottom
    - right right-top
    - right right-bottom
- Specially style the popover arrow to be consistent for each contextual color and popover placement.
- Prebuilt CSS styles for controlling appearance and sizes of the popovers.

> NOTE: This extension depends on the [kartik-v/yii2-widgets](https://github.com/kartik-v/yii2-widgets) extension which in turn depends on the [yiisoft/yii2-bootstrap](https://github.com/yiisoft/yii2/tree/master/extensions/bootstrap) extension. Check the [composer.json](https://github.com/kartik-v/yii2-popover-x/blob/master/composer.json) for this extension's requirements and dependencies. Note: Yii 2 framework is still in active development, and until a fully stable Yii2 release, your core yii2-bootstrap packages (and its dependencies) may be updated when you install or update this extension. You may need to lock your composer package versions for your specific app, and test for extension break if you do not wish to auto update dependencies.

Demo
----

[](#demo)

You can see detailed [documentation and examples](http://demos.krajee.com/popover-x) on usage of the extension.

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

> Note: Check the [composer.json](https://github.com/kartik-v/yii2-popover-x/blob/master/composer.json) for this extension's requirements and dependencies. Read this [web tip /wiki](http://webtips.krajee.com/setting-composer-minimum-stability-application/) on setting the `minimum-stability` settings for your application's composer.json.

Either run

```
$ php composer.phar require kartik-v/yii2-popover-x "dev-master"

```

or add

```
"kartik-v/yii2-popover-x": "dev-master"

```

to the `require` section of your `composer.json` file.

Usage
-----

[](#usage)

### PopoverX

[](#popoverx)

```
use kartik\popover\PopoverX;

PopoverX::begin([
    'header' => 'Hello world',
    'footer' => Html::button('View', ['class'=>'btn btn-primary']),
    'toggleButton' => ['class'=>'btn btn-primary'],
]);

echo '' .
    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.' .
    '';

PopoverX::end();
```

License
-------

[](#license)

**yii2-popover-x** is released under the BSD 3-Clause License. See the bundled `LICENSE.md` for details.

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity69

Established project with proven stability

 Bus Factor1

Top contributor holds 93.9% 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.

###  Release Activity

Cadence

Every ~211 days

Recently: every ~356 days

Total

9

Last Release

2545d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/da1db041995882197bcb517ffa8013cb099c56af34642359e8dbb530c0a15640?d=identicon)[hsegura](/maintainers/hsegura)

---

Top Contributors

[![kartik-v](https://avatars.githubusercontent.com/u/3592619?v=4)](https://github.com/kartik-v "kartik-v (31 commits)")[![elvenpath](https://avatars.githubusercontent.com/u/1319068?v=4)](https://github.com/elvenpath "elvenpath (1 commits)")[![hsegura](https://avatars.githubusercontent.com/u/13482900?v=4)](https://github.com/hsegura "hsegura (1 commits)")

---

Tags

jquerybootstrapextendedmodalpopoverpopover-xmodal-popover

### Embed Badge

![Health badge](/badges/hsegura-yii2-popover-x/health.svg)

```
[![Health](https://phpackages.com/badges/hsegura-yii2-popover-x/health.svg)](https://phpackages.com/packages/hsegura-yii2-popover-x)
```

###  Alternatives

[kartik-v/yii2-popover-x

An extended bootstrap 3.0 popover widget which combines both the bootstrap popover and modal features and includes various new styling enhancements.

233.4M8](/packages/kartik-v-yii2-popover-x)[kartik-v/bootstrap-popover-x

Bootstrap Popover Extended - Popover with modal behavior, styling enhancements and more.

1143.4M3](/packages/kartik-v-bootstrap-popover-x)[kartik-v/yii2-editable

An enhanced editable widget for Yii 2.0 that allows easy editing of displayed data with numerous configuration possibilities.

1163.2M59](/packages/kartik-v-yii2-editable)[kartik-v/yii2-widget-select2

Enhanced Yii2 wrapper for the Select2 jQuery plugin (sub repo split from yii2-widgets).

3279.7M191](/packages/kartik-v-yii2-widget-select2)[kartik-v/bootstrap-tabs-x

Extended Bootstrap Tabs with ability to align tabs in multiple ways, add borders, rotated titles, and more.

1021.3M1](/packages/kartik-v-bootstrap-tabs-x)[kartik-v/yii2-tabs-x

A supercharged Bootstrap tabs widget with ability to align tabs in multiple ways, add borders, rotated titles, and more.

301.4M20](/packages/kartik-v-yii2-tabs-x)

PHPackages © 2026

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