Calendar/Schedule

@gunnery

Add an on eventClick something like:

eventClick: function(calEvent, jsEvent, view) {
 window.location = "eventInfo.php?evntuid=" + calEvent.evntUID;
  },

‘evntUID’ being whatever field you are defining as an ID. Usually just id, but makes it easy to inject to the URL if too simple…

Or use a cookie and pop open a modal:

eventClick: function ( calEvent, jsEvent ) {
        $ . cookie2 = function ( key, value, options ) {
            if ( typeof value != 'undefined' ) { // setting cookie
                var defaults = {
                    expires: 1,
                    secure: 1,
                    path: '/'
                };
        $('#MODALID').modal();
        $( '.tooltipevent' ) . remove();
                $ . extend( defaults, options || {} );
                return $ . cookie( key, value, defaults );
            }
            // getting cookie
            return $ . cookie( key, value, options );
        };
        $ . cookie2( 'selectedeventuid', calEvent . evntUID, {
        } );
    },

You can pretty much use any javascript based event in Fullcalendar…

:wink:

Hello! I sign for this request.

2 Likes

hello Team Wappler @George @patrick Please.

We need a calendar This is very useful.

3 Likes

Nearly 40 votes! We use FullCalendar on just about every deployment of a back-office these days, almost standard to have a drag and drop calendar in such an environment, as well as Gantt charts and other scheduling functionality. Certainly well requested.

3 Likes

implementation is really easy for fullcalendar and I have already mentioned above with examples.

Because fullcalendar is a licensed application (I did not read the license description. I know it’s only licensed.), it may be legally problematic to add it to a wappler. For this reason, it may not have been added.

of course @George can give more detailed information …

It is MIT license so it can be added to Wappler for commercial purpose.

The scheduler can’t be added though.

It’s not that easy, I don’t know how to drag drag update and add dates to calendar

This may be easy for you?

can you make a video?

I think this is good for example. @AdrianoLuiz

 var calendar = new Calendar(calendarEl, {

      events: [
        // events here
      ],

      editable: true,

      eventDrop: function(info) {
        alert(info.event.title + " was dropped on " + info.event.start.toISOString());

        if (!confirm("Are you sure about this change?")) {
          info.revert();
        }
      }

    });

@George is there any plans of this coming to Wappler.
Could really do with it for some jobs I am working on :slight_smile:

1 Like

I need this a lot

1 Like

yes we are working on Full Calendar component for App Connect indeed, with all the needed integrations. Hope to have to ready soon :slight_smile:

20 Likes

Thank you, Obrigado, Спасибо, ありがとうございました, Баярлалаа, Vielen Dank, Asante, شكرا لكم.

:smiley:

2 Likes

Dank U wel :smiling_face_with_three_hearts:

1 Like

Thank you so very much!

LOL! Just saw this. Of course I’ve just managed to get fullCalendar working. But proper Wappler integration will be great!! Thanks!

1 Like

Another great update but would really like to know the time scale for the Full Calendar component being included in a Thursday update? Calendars with Flows would be a great combination! :slight_smile:

Yes that is why we are getting out flows first as you will need them for the calendar :slight_smile:

3 Likes

Think it would make for a perfect example for showcasing Flows that people can easily relate to, especially schedule management type provisions, whereby you may want to run other actions one after another in good order upon adding an event to a schedule. Its a use case that many of us would easily identify with…

3 Likes

Thursday Update bump! Any news on this feature request please? :wink:

Appreciated as always, and hope everything is in good health, and good spirits!

2 Likes

We are getting there Dave :slight_smile:

Hope to have it for the next week!

9 Likes