[FullCalendar] Ipad Support

[FullCalendar] Ipad Support

  
Forge Component
(9)
Published on 2013-10-15 by Joop Stringer
9 votes
Published on 2013-10-15 by Joop Stringer
Hi,

Great Component!
Is there a way to allow drag and drop working on the ipad?

Regards,
Vilhena
Hi,

It seems somebody already figured this out ... check this : https://gist.github.com/jboesch/1299783

It seems very simple, I'll upload a new version asap..







 
 
 
{
 
}
 
 
{
{
}
}
 
{
{
}
}
 


Hi Joop,

I thik that the Ipad script is for other version, i do not find "line 57 - mouseProto._mouseDown"?!?

How does the CalendarJSON, can i feed the FullCallendar automatically based on a Jquery action?


I have to take a look, it needs additional script for mobile, maybe outsystems mobile already gives the support.

And yes, you can feed your own events via a JSON string, I just incoporated that page as an example how to structure the JSON, it took me a while to get that working
That JSON page opens a full ways of possibilities i was told by Outsystems that i couldn't implement JSON api using Outsystems.

This implementation opens a full way of possibilities i will dig into it.

Tnks Joop for the component.

I'm trying to test the JSON, and i'm getting one javascript error:

TypeError: Object #<MonthView> has no method 'getMinMinute'

I have made a CRUD for your entity Calendar.
No the Event box i should reple with something like this?

{
url: 'http://SERVERNAME/FullCalendar/CalendarJSON.aspx',
dataType:'jsonp',
type: 'POST',
error: function() {alert('there was an error while fetching events!');},
}

Is this correct?
Yep if you change the Event string to the sting above (and adjust the URL ...) it uses the JSON string supplied by the CalendarJSON page, which is in the demo as well.

I'll post an updated version which also has a popup to add/edit events in the database ...

Found this post somewhere ... and implemented it, works fine for drag/drop and new

Thanks for all the great work on this plugin. 

I was not able to get the jquery-ui-touch-punch plugin or the plugin @jboesch26 created to work for my project but I did manage to get event dragging and dropping working using a modified version of the this plugin: http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

I 'forked' the project on GitHub and pushed up the modified version. It is working successfully for me on iOS (iPad 2) and Android 2.2 using jQuery 1.6.4, jQuery UI 1.8.16 and fullcalendar 1.5.2.

You can grab the code here:
https://github.com/joshgerdes/jquery.ui.touch

Then I just added the following to my main script:

// Setup touch dragging for external events
$('.ui-draggable').addTouch();

// Setup the calendar
$('#calendar').fullCalendar({

...

     eventAfterRender: function( event, element, view ) { 
	// Add touch dragging to event element 
	element.addTouch();
     }

...

I think it would be pretty nice if this touch plugin could and those additional calls could be incorporated into the fullcalendar plugin.

Cheers!