GithubHelp home page GithubHelp logo

context menu about bootstrap-year-calendar HOT 6 CLOSED

paul-ds avatar paul-ds commented on June 3, 2024
context menu

from bootstrap-year-calendar.

Comments (6)

Paul-DS avatar Paul-DS commented on June 3, 2024

To enable the context menu, you need to:

  • Set the enableContextMenu option to true
  • Set the different menu items (and their behavior) that you want, using the contextMenuItems options.

You can find an example on this [page](http://www.bootstrap-year-calendar.com/#Examples/Full example)

Then, you can open the context menu by right clicking on a date which contain an event.

from bootstrap-year-calendar.

kannratha avatar kannratha commented on June 3, 2024

Hi I already have enable enableContextMenu but it still not work.
Can you help?

from bootstrap-year-calendar.

kannratha avatar kannratha commented on June 3, 2024

enableRangeSelection: true,
contextMenuItems:[
{
text: 'Update',
click: editEvent
},
{
text: 'Delete',
click: deleteEvent
}
],
dayContextMenu: function(e) {
console.log(e);
$(e.element).popover('hide');
}

from bootstrap-year-calendar.

younghoh avatar younghoh commented on June 3, 2024

In example code it does not open context menu.
but it is set enableContextMenu true.
when i received answer from @Paul-DS it did not work.

from bootstrap-year-calendar.

corwin32 avatar corwin32 commented on June 3, 2024

Hi,
using example, all working well but context menu working abit weird, when i right click menu shows but on mouse release disapear, so i have to hold right mouse button and then left click to selected option.

Is this wanted design or im missing something ?

thanx

from bootstrap-year-calendar.

Linbubin avatar Linbubin commented on June 3, 2024

@corwin32 you can look #40 , it works good.

from bootstrap-year-calendar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.