jQuery-contextMenuRtl is rtl support for jQuery-contextMenu
IMPORTANT: jQuery 3.x.x bracks jQuery UI position. make sure your jQuery version is lower then 3.0.0
style:
<link rel="stylesheet" href="path_to/jquery.contextMenu.css" />
<link rel="stylesheet" href="path_to/jquery.contextMenuRtl.css" />
js:
<script src="path_to/jquery.js"></script>
<script src="path_to/jquery-ui.js"></script>
<script src="path_to/jquery.contextMenu.js"></script>
<script src="path_to/jquery.contextMenuRtl.js"></script>via bower:
bower install jQuery-contextMenuRtl --save
via npm:
npm install jquery-contextmenurtl --save
- jQuery >=1.8.x <3.0.0
- jQuery UI position
- jQuery-contextMenu
register contextMenu from javascript and set rtl to true :
$.contextMenu({
// define which elements trigger this menu
selector: ".context-menu-selector",
//if rtl is set to true context menu and sub menues will be opened from right to left
rtl:true,
// define the elements of the menu
items: {
foo: {name: "Foo", callback: function(key, opt){ alert("Foo!"); }},
bar: {name: "Bar", callback: function(key, opt){ alert("Bar!") }}
}
// there's more, have a look at the demos and docs...
});you can edit rtl style by using rtl selector
.context-menu-root[dir="rtl"]{
//custom style here
}