owl/tagbox

This package is abandoned and no longer maintained. No replacement package was suggested.

Tag form widget for OctoberCMS.

Installs: 20 765

Dependents: 0

Suggesters: 0

Security: 0

Stars: 3

Watchers: 3

Forks: 2

Open Issues: 1

Language:JavaScript

dev-master / 1.0.x-dev 2015-04-14 19:11 UTC

This package is auto-updated.

Last update: 2021-09-27 11:29:49 UTC


README

Tag form widget for OctoberCMS.

Packagist

Installation

To install the Tagbox widget with your plugin, add the following to your plugin's composer.json file.

"require": {
    "owl/tagbox": "~1.0@dev"
}

Next, register the widget in your plugin's Plugin.php file.

public function registerFormWidgets()
{
    return [
        'Owl\FormWidgets\Tagbox\Widget' => [
            'label' => 'Tagbox',
            'code'  => 'owl-tagbox'
        ],
    ];
}

Usage

To use the Tagbox widget, simply declare a field type as owl-tagbox

tags:
    label: Tags
    type: owl-tagbox

If tags are not being stored through a related model, the model attribute must be jsonable. If tags are being stored through a related model, the getTagsAttribute and setTagsAttribute methods must be declared to process the relationship. These methods should return / accept an array of strings.

Validation can be performed on tags by defining a validation regular expression parameter. A validationMessage can also be defined for custom error messages. For example, if you are accepting an array of emails, something like this could be used to validate the tagbox values...

emails:
    label: Email Addresses
    type: owl-tagbox
    validation: ^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
    validationMessage: Please enter a valid email address.

A filter expression may also be used to block unwanted characters. In the following example, we'll allow alpha-numeric characters, dashes, and underscores. The default css may be customized or removed by specifying a cssPath attribute.

tags:
    label: Tags
    type: owl-tagbox
    filter: "[^a-zA-Z0-9_.-]+"
    cssPath: /plugins/vendor/plugin/assets/css/custom-tagbox.css

Lastly, a tag may be "slugified" upon entry by setting the slugify parameter to true.