Looking for a Flex Calendar? This might whet your appetite…
October 17th, 2006
[page]:http://www.quietlyscheming.com/blog/components/interactive-calendar/
All you Flex developers seem to be abuzz about the scheduling component Adobe Consulting is going to be releasing sometime in the future, and rightfully so. In the meantime, this sample probably won’t quite fill your stomach…think of it as an appetizer rather than a main course…but you might want to try it out:
### * [Flex Interactive Calendar Component][page]
Check it out, come on back here and leave comments below.
October 17th, 2006 at 7:43 pm
Great work. But sometimes there is an Error:
Error #1009: at qs.controls::CalendarDisplay/::layoutMonth()
at qs.controls::CalendarDisplay/::generateLayout()
at qs.controls::LayoutAnimator/updateLayout()
at qs.controls::LayoutAnimator/::timerHandler()
at flash.utils::Timer/flash.utils:Timer::_timerDispatch()
at flash.utils::Timer/flash.utils:Timer::tick()
October 18th, 2006 at 12:25 am
Very cool… will be interesting to see how Adobe’s shapes up.
October 18th, 2006 at 2:21 am
if you select a sunday on the date chooser on the left and click “week”, then the calendar fails to display
October 25th, 2006 at 1:03 am
This compaires really well against Adobe’s – I dunno if their examples are just worse, but your transitions trump their zoom slider any day :-)
Any news on when the code will be released ?
October 25th, 2006 at 1:41 am
NIce job – I’m really lookinfg forward to seeing the code for this – it has some great features that are just what I need!
Paul
October 25th, 2006 at 3:01 am
I’d be happy to help with the calendar.
October 25th, 2006 at 7:22 am
Hey Ely, sorry for the off topic post, but I saw your talk at Max yesterday and really want to get into the code, so I go to the Max Presentation Library and….nada. Where is it? Oh, by the way, your talk was amazingly informative, thanks!
October 26th, 2006 at 2:13 pm
Hi, tried to add a comment yesterday but it seems to be gone. I’m thrilled to see this effort! I’ve been looking for a calendar component and this is darn nice. Can’t wait to see the code. Taking a Flex class right now so i don’t know if i’m qualified to take over the code, but maybe i can help.
October 27th, 2006 at 7:32 am
I’ll echo Tom Chiverton’s comment. I seem to be liking your calendar over the Adobe version. I believe there are many people looking for this kind of solution and are willing to help code. Could the code be release as an alpha version as well?
October 28th, 2006 at 4:06 am
This control is exaclty what I need as well, you rock. Are you planning on making the control edittable by dragging over a selection and typing in a new event?
November 7th, 2006 at 10:37 am
Ely, Really like the calendar / scheduler component. I like your component over Adobes component.
I’d like to help with the calendar component.
November 10th, 2006 at 2:51 am
Really good, but example code?
I’m very interested in it.
Thanks
November 13th, 2006 at 10:04 am
I would like to help with the calendar component.
Let me know if you are interested.
thanks
cg
November 13th, 2006 at 4:16 pm
Hi,
I am really interested in the code too and I am actually working on a big calendar application. It was written in Flash AS2, but I would like to recreate it in Flex.
So is there anyway to get the source and/or help you with the development?
November 14th, 2006 at 7:41 am
Hello ELy, I write to you to wonder if you me prune the code sends source(fountain) of the calendar. Englishman forgives my terrible, I am from Argentina. Thank you very much.
November 15th, 2006 at 4:20 am
Very nice! I am also interested in hacking on it a bit. Is the source coming out soon? Thanks.
November 16th, 2006 at 3:00 am
Great job Ely,
I need a similar functionality in my actual flex development.
I will work in a mixted cronograme to work in schedule format and Gantt format.
Perhaps I will inspire in some or your classes or ideas.
Jaume
November 20th, 2006 at 10:21 am
Ely strikes again… great work, and thanks! Will be hacking this apart quite a bit in the coming weeks…
December 13th, 2006 at 9:04 am
I found bug
:-)
January 19th, 2007 at 8:50 am
Hardcoded entry:
C:\dev\qs\web\config\WEB-INF\flex\services-config.xml
I’ve tried to remove, but still having compiler problems. I’ll probably figure it out in a few more minutes, but just in case…
January 22nd, 2007 at 3:33 pm
Has anyone done any work on this that they’d like to share? I’m getting started with it and was just wondering if there’s someone who’s enhanced this. Email me at maunger at mac dot com please
January 26th, 2007 at 9:08 am
Just downloaded the source code, but must be missing some source files. Any help would be great.
January 26th, 2007 at 5:37 pm
Like Bruce, above, I’ve stumbled on the compiler argument: “C:\dev\qs\web\config\WEB-INF\flex\services-config.xml”. That file doesn’t exist in the source download.
I’m a Flex newbie, so the solution may be obvious, but if anyone can clue me in it would be much appreciated.
January 26th, 2007 at 10:17 pm
Barton — the demo project I created used flex remoting. THere’s no real reason the calendar needs that, I just used it myself to make the test app easier to write. That’s what that file reference is all about. The easiest thing would be for you to create your own project from scratch. You can still use the test file I created, although you’ll have to switch the file loading code to use HTTPService to load a file drectly instead of the RemoteOBject service I was using.
January 27th, 2007 at 11:51 am
Ely, thanks for the very prompt reply. I’ll follow your suggestion and see how it goes.
Actually, the best thing would be for me to hire someone who really knows Flex. A calendar function is at the heart of the app that I’m building, and yours is much closer to what I’m after than the Adobe scheduling component. (btw, you did a great job with it!)
Can you give me any referrals? (You can email me at “barton at trylonix dot com”)
Thanks again,
Barton
January 29th, 2007 at 2:53 pm
Please Help !
I’m a newbie and doing somethnig wrong that I can’t figure out.
I have created a new flex 2.0 basic project called testcal.
I have then imported the source code that I downloaded from above.
I get the source path reference error as stated above, but I’m not sure where to change any settings or what to do from here. Any help would be great !
Thank you,
January 30th, 2007 at 4:44 pm
Ely,
this is great! I would like to use this in an upcoming project, but I get a problem with an invalid override in the AnimateColorProperty.as file (line 47).
could you email me and see if we can’t figure this out?
February 4th, 2007 at 5:28 am
Ely, i’ve started working with this and i know you had asked before if anyone was willing to help make it better – my question is have you or anyone else started improving this? Can we get something together to start working as a team? I’m going to start seeing if i can fix a few things but it would be great if all of us could somehow work together on fixes. Thanks! Mitch
February 14th, 2007 at 9:37 am
Hi Ely,
I have added some new features and fixed bugs for this Calendar.
The demo app is on the following link:
My Flex Calendar
Would you like to have a look at it, and give some suggestion?
Thanks,
Jove
February 24th, 2007 at 7:32 am
Hi Ely,
Very nice. I’ve looked at Jove’s site, and he has some nice enhancements. I’ve added an eventResize, to send an event when the user drags an event to a new duration (so I can save to the DB).
Can we set up a project somewhere to host this? Sourceforge, ObjectWEB, etc? I think this could be a fantastic product with the group additions.
Thanks again!
Mike
February 26th, 2007 at 3:11 am
hi there…sorry for my terrible english….
I’m new user of flex….I try to create a new project..import your caledar code….
ICalTest work fine…
app.html give me a override error….
I try to comment this code part…
compile it….
and after nothings happens in firefox…only a page with flex background blu….
Someone can help me ?
February 27th, 2007 at 9:54 pm
Hi,
There is a bug that I am unable to fix with the calendar, if someone has resolved this issue, then please let me know how I can fix it, I downloaded the latest fix from Jove’s website, he left a comment above
http://www.flex-flex.net/blog/article.asp?id=33
but the bug is still there, when “month” is selected and you keep clicking on the next button “>>” untill you reach Jan 1 2008 it will crash. so please if someone has a solution let me know.
Thanks
March 12th, 2007 at 10:19 am
Hi All,
I have incorporated part of the calendar into our calendar server. We made some improvement to the components and I plan to add a few more, also I see bugfixes which all of us can use.
I started to extract the cal components as an swc, and I would like to offer our open scm where we could all maintain updates.
Aron
P.s.: by all means if there is a better place to host it, I would love to put our changes there.
March 14th, 2007 at 5:30 am
I forget to give the links:
The SWC source: http://buni.org/viewvc/meldware/client/calendarcomponent/
The Screenshoots:
http://blog.buni.org/blog/acoliver/meldware/2007/02/19/Making-Webmail-Webcalendar-that-doesnt-suck-State-of-the-Meldware-pt1
March 14th, 2007 at 12:09 pm
It seems that I’m not the only one experiencing trouble with the build.
Has anyone figured this out yet?
thanks,
Jason
————— error ————
AnimateColorProperty.as(47): col: 32 Error: Incompatible override.
March 15th, 2007 at 12:43 pm
it is a Flex 2.0.1 vs 2.0 issue we fixed it in our codebase for 2.0.1.
The Api changed
March 20th, 2007 at 12:39 pm
the quick fix is to import IEffectInstance and change the datatype of the instance argument to that.
March 20th, 2007 at 2:20 pm
solution at “override incompatible problem”…
you need to change a couple of line in “animatedColorProperty.as”…
EffectsInstance in flex 2.0.1 become IEffectsInstance
line is:
import mx.effects.EffectInstance;
in
import mx.effects.IEffectInstance;
and
override protected function initInstance(instance:EffectInstance):void
in
override protected function initInstance(instance:IEffectInstance):void
I hope this help you.
thank’s….ciao !
March 22nd, 2007 at 12:59 am
question…
There is a way for write ics file after some modify in calendar page ?
..or write an xml…or some kind of output….?
April 24th, 2007 at 2:49 am
I was creating an event in Chinese. Looks like it doesn’t support Chinese. Tooptip works tho.
April 26th, 2007 at 1:18 pm
This is really great! My Flex newbie-ness can’t seem to get any events changes/adds to save. Does anyone have a fix for that or a version that uses a database? Seriously a very very very COOL APP!
April 30th, 2007 at 7:55 am
Are you using Flex Data Services? Could you provide some instructions on how to set up the project files locally?
Thanks!
Punyanjan
May 10th, 2007 at 1:42 am
Hi all,I am very new in flex. i download flex calendar from jove web site. now i want to save & retrieve all event from database sql server using coldfusion. any one can help me please. sorry for my bad english.
Thanks
Kazi
June 10th, 2007 at 4:38 pm
Cool Calendar,
Am I allow to put your calendar into my commecial product and my client application?
June 12th, 2007 at 9:49 pm
i found that when the allday event record is hided ( if a lot will be hide automatically) in month mode and then go to “day” mode , still can not see the hided record..
June 18th, 2007 at 8:02 pm
Found a bug, but don’t know how to fix it. The bug is like when you select a day during the October like 18/Oct/2006 in month view, the day’s header does not fade. Sould I fix it in the LayoutAnimator? Any hints?
June 19th, 2007 at 4:43 pm
Bug Report: When you change from day view to month view in a month that contains a local daylight savings change it stuffs up the display.
Solution: In CalendarDisplay.as change the function indexForDate() to:
// given a date, find its 0 based index in the current visible range of the calendar (in days).
private function indexForDate(value:Date):int
{
//negate the potential difference in local daylight saving time
var newvalue:Number = value.getTime()-(value.getTimezoneOffset()DateUtils.MILLI_IN_MINUTE);
var newstart:Number = _visibleRange.start.getTime()-(_visibleRange.start.getTimezoneOffset()DateUtils.MILLI_IN_MINUTE);
return Math.floor((newvalue – newstart)/DateUtils.MILLI_IN_DAY);
}
June 30th, 2007 at 10:22 am
Hi all,
i tried to to adapt the calender on an AIR App, but i never see any entries? How daoes the calender works with AIRs?
July 6th, 2007 at 4:37 am
Hi,
I want to thanks all of you, to share among all community you projects and open them to everyone.
Now, about this component, it’s awesome, as all the other. You are fantastic…
Brgds,
Cpinho
Http://flashenabld.wordpress.com
July 7th, 2007 at 8:17 am
I am a teacher. I have to say most of the chat and help sections here are WAY over my head. However the interactive calendar is EXCATLY what I have been looking for. I created a google calendar to see if I could get it to come up on your calendar page. The calendar load failed. Do you have a basic tutorial in how to get your google calendar to show up?
Thanks,
Claire
July 20th, 2007 at 9:28 am
It would be very helpful to have a php parser so the calendar is not limited to ics files.
also being able click on a date to get detail loaded from php
I am also having problems wtoh animation i am getting a override error.
July 26th, 2007 at 11:18 am
hi
I have only been using flex for a month but your calendar is a great start in getting a interactive date book working with flex which I am incorporating in a project i am working on. It makes far more sence then the adobe one.
i have been able to get the calendar to work with php/mysql using weborb 2.01 to commuincate the amf3 info. I just had php turn the mysql data into a ics format. If I knew that exact format of the object created by your parser I could probaly skip that step.
i did have to change something in order to get the php to work i change the line
var lines:Array = data.split(“\n\r”); to var lines:Array = data.split(“\n”); in the iparser to break up the php string into each line. even when i added a \r to the php flex didn’t see it.
I figure out that you allready created a click on event function I would like to see event details show in a pop-up menu besides. I think i have figured out how to create custom fields in the ics i added them to the parser and then declared them in the CalendarEvent object. how do i access them and when i rollover event can i add more info then is in the main item.
finally it would be helpful if when you clik on a time in the day calendar that, the date info is avialable day month and time that you clicked.
if you would like the php i would be happy to put it up.
hopefully this makes sense.
July 29th, 2007 at 7:40 pm
Hello,
Can anyone helpme to convert values stored in the database to an ics format
August 2nd, 2007 at 9:46 am
Hey Ely,
We are implementing the calendar in a larger project and having an issue. basically its drawing the times on top of each other and the containing box is nowhere to be seen. So when you first go into the month view it even shows all these times squsihed on top of each other. In day view same thing, with no lines on the screen or anything. We did have to change the app.mxml file from application to titleWindow, is that the reason? Is it using Application coordinates or something to try and draw? THe rest looks fine. Any help from anyone who may have seen this issue would be greatly appreciated.
August 9th, 2007 at 2:40 am
I’m newbie in flex but I wnat to try the calendar using the services-config file. Can anyone share it or post it at per_tutto (at) yahoo.it? I’ll use it like an example
Thanksss
August 14th, 2007 at 1:32 pm
Hi, the calendar is cool, I’d like to load it from a xml file. How would you do?
Thanks.
Roberto
August 24th, 2007 at 11:02 am
Was trying to use the calendar to track all the nights that volleyball is played around the bay however it keeps coming back with an error relating to the server. Something about serving underhand because of a bad shoulder? Not sure that i understand… can you help?
September 18th, 2007 at 12:57 pm
Same issue as Mark above. Works fine except for the hours being shown in month view and day view, all stacked up, with no containers?? I’ve tried to decifer the code but cant figure out whats wrong.
October 2nd, 2007 at 7:52 am
Ely -
Many Thanks,
Josh
October 2nd, 2007 at 12:43 pm
The hours stacking up on themselves is a stylesheet issue. If the css files are not imported properly the times get stacked.
October 2nd, 2007 at 12:52 pm
All of the examples i have seen of this component, here and on others sites, will leave the date cell after the one you click on, visible on top of the single day view when you click on a day in month view(November). Only when you click on a day in November, of any year?? Click on a day in any other month and the full day view works fine. Anyone know how or where to fix this?
October 17th, 2007 at 8:20 am
I am in the month view of calendar. in this mode can the days start from monday instead of sunday ? where can we do the changes for this ?
October 18th, 2007 at 9:28 am
Hi, I have downloaded the zip file. I am new to flex. So I couldn’t run the application in my system. Can you please guid me to run this calendar application? I’m waiting for your respond.
Thanks,
Pradeep Kumar.D
October 18th, 2007 at 11:31 pm
Check out flex.dewijngaert.be, they have a nice calendar component over there.
October 25th, 2007 at 9:14 am
Hi,
I have downloaded the zip file. I am new to flex and I don’t know how to run the application on my pc. Could you please give me some instructions on the IDE to use and also how I can render the application on my PC. I am interested in embedding this in a web page.
Thanks a lot. This calendar is cool.
Praveen
October 31st, 2007 at 8:01 am
Very nice! I am also interested in hacking on it a bit. Is the source coming out soon?
Thanks.
Jack