Skip to content

AnonymousXC/ContextMenu.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ContextMenu.js

What something cool like custom context menu in your website or npm app. ContextMenu.js is fully customizable, you can use any css framework to customize it. You can make fast context menus using this. ContextMenu.js is best choice for your node app and your website. I am continuously working to improve this.
Thanks!

ForTheBadge built-with-love ForTheBadge built-with-swag

GitHub language count Lines of code GitHub Sponsors GitHub code size in bytes
GitHub GitHub contributors


Pros

  • Single File

  • Lightweight

  • No Dependencies

  • Blazing Fast

  • Works on any device including android and ios.

Cons

  • Known none till now.

Screenshots

Pic1
Pic2

Documentation

let menu = new ContextMenu({
    removeDefaultMenu: false,
    addAtLast: true,
    menu: [
        {
            seperator: true,
        },
        {
            name: "first",
            cmd: "ContextMenuFunction.reloadPage()"
        },
        {
            name: "second",
            cmd: "ContextMenuFunction.reloadPage()"
        },
    ]
});
  • Include the ContextMenu.js or ContextMenu.min.js.

  • removeDefaultMenu :- (takes boolean) removes the default menu.

  • addAtLast :- (takes boolean) adds your custom menu at last if removeDefaultMenu = false

  • menu :- (array of objects) custom menu structure.

    • name :- (String) name of context menu button.
    • cmd :- (String) name of function when button pressed.
  • #ContextMenu-Body :- (css id) customize body of context menu.

  • .ContextMenu-Buttons :- (css class) customize buttons of context menu.

  • .ContextMenu-hr :- (css class) customize seperator of context menu.