angular-gantt/mkdocs/configuration/plugins.md

Gantt chart component for AngularJS

# Plugins

Plugins are additional features that can be configured using attributes defined for each plugin, and some plugins may 
use additional properties from [data](attributes.md#data).

## Enable a plugin

1. Add the plugin module dependency to your application module dependencies list.

        angular.module('myApp', ['gantt', 'gantt.xxxxxx']);

2. Add the plugin directive as a child element of the gantt directive.

        <div gantt>
            <gantt-xxxxxx></gantt-xxxxxx>
        </div>

## Supported plugins

- ### [Table](../plugins/table.md)

    Display row labels in multiple columns on the side.

- ### [Tree](../plugins/tree.md)

    Display a tree hierarchy for rows.

- ### [Sortable](../plugins/sortable.md)

    Sort rows by drag & drop on rows label.

- ### [Movable](../plugins/movable.md)

    Move and resize tasks.

- ### [Draw Task](../plugins/drawtask.md)

    Draw new tasks with the mouse.

- ### [Progress](../plugins/progress.md)

    Display a visual indicator showing configured progress of tasks.

- ### [Bounds](../plugins/bounds.md)

    Display configured bounds when moving mouse over a task.
    
- ### [Overlap](../plugins/overlap.md)

    Add a border with `gantt-task-overlaps` CSS class on tasks that overlaps.

- ### [Tooltips](../plugins/tooltips.md)

    Display tooltips when moving mouse over a task.

- ### [Resize Sensor](../plugins/resizeSensor.md)

    Use [CSS-Element-Queries Polyfill](https://github.com/marcj/css-element-queries) to support dynamic resizing.

- ### [Labels](../plugins/labels.md) **DEPRECATED**

    Display row labels on the side. (Use [Table](../plugins/table.md) plugin instead)