jQuery-contextMenuRtl
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
Demo
Installation
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
Dependencies
- jQuery >=1.8.x <3.0.0
- jQuery UI position
- jQuery-contextMenu
Usage
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... });
Style
you can edit rtl style by using rtl selector
.context-menu-root[dir="rtl"]{ //custom style here }