🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects.jQuery-contextMenuRtl is rtl support for jQuery-contextMenu.

Menus Plugins

Documentation

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 }

Authors


You May Also Like