Suggestion for FullCalendar event removal UI

Question

I have my fullCalendar functioning well, however, I need to allow the users to remove events from the calendar. I can use the clickEvent method to bring up a confirmation widow with a "do you want to remove" message. But this seems kind of clunky. Is there a better UI way of removing events?

Answer 1

Google calendar uses a qTip on click that offers "edit event details" and "delete". At first I didn't like sending users to a different "event details page" but after thinking about this for awhile it is a really good way to go.

Answer 2

It is always safer to ask for a confirm before removing something.

Anyway you can customize the rendering of the event using the eventRender callback In particular you can:

• attach custom markup to render an X image that when clicked will ajax call a delete function
• you can attach other jQuery plugins to reproduce exactly the qTip effect

Have a look at the link for more details. Hope it helps