Calendar based on Full Calendar

[blessan]

Here is the link to the updated version from TomAlex.

https://github.com/tomalex0/SenchaTo...ryFullcalendar

[mvoss]

Hi,

first of all great work! I have been playing around with this and it works great. Especially I love the swipe to change months/weeks/days. However I was wondering if you have any plans to make the swipe more visual with kind of a slide operation like the carousel component? Where the next month would slide in as you move your finger and swipe. This would be awesome!

Regards,
Markus

[mvoss]

Hi,

are you planning to make this work on iPhones? The scrolling in the day and week mode don´t really work on iPhones, as shown by the screenshots

Edit: This seems to work using your version of the fullcalendar.js script. I had the same version. Have you made any modifications of this? However in the weekmode something odd is happening. The current day marking stops at 10pm. Have a look at the attached screenshot:
iOS Simulator Screen shot 5. nov. 2011 13.20.36.png

Regards,
Markus

[tomalex0]

Hi,

@mvoss
Thanks for pointing out the issues, it looks like i have fixed the issue that you specified in the image. I will have to update the core fullcalendar js file. I have not yet updated the github. Hope to update it soon
Regarding swipe effects, i haven't looked it. I may have to look deep in to jquery fullcalendar.

[mvoss]

Hi,

thank you for tour quick answer. Looking forward to try the new version with the error fixed

Regards,
Markus

[tomalex0]

@mvoss
Updated code in github.

[mvoss]

thank you. It seems to be fixed now

Regards,
Markus

[mvoss]

Hi,

I have done some more thinking about the visual swiping to change months. Could this be resolved by having three isntances og the fullCalender inside three divs in the panel. The left one - 1 month/week/day, the middle one shows the current month/week/day and the right one the next month/week/day. Only one of the should be shown at any given time. After the user swiped between them one would have to rearrange the two panels and change month/week/day in the two not shown. What do you tink?

Regards,
Markus

[tomalex0]

@mvoss

Loading 3 instance of full-calendar will be bit heavy. If you looking for those slide effects in month/day/week view change. I would recommend to post some help in fullcalendar forum (i'm not sure where it is).

Meanwhile the way you specified can also be done. You may need only two instance of fullcalendar rendered in two panels which is inside a card layout. Swiping main panel will setActive(left or right) one of fullcalendar panel with view you wanted. You will also take care of things like rendering events and other things when using multiple instance.

[mvoss]

I guess I will post in the fullcalendar forum for the sliding.

Another issue: when scrolled down all the way in week view on an iPhone, and then changing back to month view the scrolling of the panel is still all the way at the bottom. If the month view does not have the same height you won't see anything. I fixed this by calling:

me.scroller.scrollTo(0, false)

in your changeCalendarView function.

Regards,
Markus