Basic demos

Demo 1

On instantiation, the context menu is given a selector of elements where it will be triggered.

In this example, it will open anywhere inside the box on right click.

Click anywhere inside this box

Demo 2

You can also trigger the context menu to different events, and position it relative to the element where it was triggered.

Advanced demos

Demo 3

The onClick listeners can be aware of which one of a set of elements was clicked.

Id Name Description
1 First row Lorem ipsum dolor sit amet
2 Second row Nemo enim ipsam voluptatem quia voluptas
3 Third row Ut enim ad minima veniam

Demo 4

You can give every action an id and group them in the dropdown with the actionsGroups option. You can also use isShown and isEnabled callbacks in an action to control when it should not appear, or appear disabled.

Font Awesome icons can be used adding the iconClass property to an action, with the class name of the icon to use.

Id Name Description
1 First row Lorem ipsum dolor sit amet
2 Second row Nemo enim ipsam voluptatem quia voluptas Not editable
3 Third row Ut enim ad minima veniam Not deletable