PHPackages                             runopencode/dm-tabs-behavior-plugin - 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. [Utility & Helpers](/categories/utility)
4. /
5. runopencode/dm-tabs-behavior-plugin

AbandonedSymfony1-plugin[Utility & Helpers](/categories/utility)

runopencode/dm-tabs-behavior-plugin
===================================

dmTabsBehaviorPlugin - Tabs Front Behavior for Diem Extended

16JavaScript

Since Nov 29Pushed 13y ago2 watchersCompare

[ Source](https://github.com/RunOpenCode/dmTabsBehaviorPlugin)[ Packagist](https://packagist.org/packages/runopencode/dm-tabs-behavior-plugin)[ RSS](/packages/runopencode-dm-tabs-behavior-plugin/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

dmTabsBehaviorPlugin for Diem Extended
======================================

[](#dmtabsbehaviorplugin-for-diem-extended)

Author: [TheCelavi](http://www.runopencode.com/about/thecelavi)
Version: 1.0.0
Stability: Stable
Date: November 29th, 2012
Courtesy of [Run Open Code](http://www.runopencode.com)
License: [Free for all](http://www.runopencode.com/terms-and-conditions/free-for-all)

dmTabsBehaviorPlugin enhance displayed content on the page converting some HTML structure into tabbed control.

How to use?
-----------

[](#how-to-use)

dmTabsBehaviorPlugin expects one container which contains tabs titles and tabs contents, per example:

```

    ...

    ...

```

dmTabsBehaviorPlugin can handle title and content alternating as well, which gives you more flexibility:

```

    ...

```

Note that it is required that there have to be same number of `title` and `content` elements.

In this examples, `container`, `title` and `content` are for illustrative purpose, of course, they have to be a valid HTML tags (per example, `DIV` or `UL`/`LI`). The tag names used here are given to easily correlate with tabbed interface element.

However, the easiest way to use this behavior is to add even number of widgets into zone, half of them for tab titles and half for content. It is required to attach the behavior to the zone and that's it.

HTML output
-----------

[](#html-output)

The structure presented in previous text, the behavior will change to structure as presented below:

```

```

Having in mind the following, you can easily style each aspect of the tabbed control and adjust it to your design needs.

Note classes `tab-open` and `tab-closed` - they marking the state of each tabbed control element.

Each tab title and tab content container have its index class for even more design customisation.

Configuration and theming
-------------------------

[](#configuration-and-theming)

In `dmTabsBehaviorPlugin/config/dm/config.yml` are configuration parameters for this behavior.

```
default:
  dmTabsBehavior:
    defaults:
      inner_target: ''
      theme: default
      title: at_top
      event: click
      animation: slide
      easing: jswing
      duration: 500
      initialy_open: 1
    themes:
      default: 'dmTabsBehaviorPlugin.default'

```

If you have download the behavior via Github, you can modify this file. If you have installed it via Composer, then you have to use Symfony config cascade to override this settings.

Section `defaults` contains default settings for behavior, which behavior form initially displays. If you want some other settings to be shown as default, this is the place for change.

Section `themes` is for theme, and it gets configured as `theme_key: path_to_css_file`. If user in behavior form selects a `default` theme, the tabbed view HTML structure will be:

```

	.... titles and contents

```

Note that a `default` class is added, that is, the theme key. Of course, the theme CSS file will be loaded as well. So, for you is just to theme it.

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community8

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://avatars.githubusercontent.com/u/410738?v=4)[Nikola Svitlica](/maintainers/TheCelavi)[@TheCelavi](https://github.com/TheCelavi)

---

Top Contributors

[![TheCelavi](https://avatars.githubusercontent.com/u/410738?v=4)](https://github.com/TheCelavi "TheCelavi (3 commits)")

### Embed Badge

![Health badge](/badges/runopencode-dm-tabs-behavior-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/runopencode-dm-tabs-behavior-plugin/health.svg)](https://phpackages.com/packages/runopencode-dm-tabs-behavior-plugin)
```

###  Alternatives

[dmind/cookieman

Provides a user consent popup. It asks for approval to include tracking objects (cookies, images or any HTML) and includes the objects when consented. It also removes cookies after the consent has been revoked.

39190.5k](/packages/dmind-cookieman)

PHPackages © 2026

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