Interactive Calendar

October 17th, 2006

[comments]: http://www.quietlyscheming.com/blog/2006/10/17/looking-for-a-flex-calendar-this-might-whet-your-appetite/
[demo]: http://demo.quietlyscheming.com/calendar/app.html
[source]: http://www.quietlyscheming.com/files/calendar.zip

This is a proof of concept demo for an interactive Flex Calendar component I’ve been putting together in my spare time. I expect to have the code up for download in a couple of days, but in the meantime, here’s a sample app you can use to try it out:

### * [Flex Calendar Display][demo]

Let me answer a few questions you might have…

### * What am I looking at?

This is a sample Calendar component I’ve been playing around with.

### * Where’s the source?

You can download a zip file with all the source [from here][source]. The main Calendar component is fully commented, although at this point none of the supporting files are.

### * The Source isn’t working for me!

If there’s a file missing, please let me know by [leaving a comment here][comments]. If you have general questions about the source, features, etc, you can [leave a comment][comments], but I can’t guarantee I’ll have the time to answer.

### * Cool! Is this the one Adobe Consulting is building?
Nope. They’re building a scheduling component, and will be much more full featured than this. This one is buggy, and more of a proof of concept I’ve been working on.”
But worth checking out for some inspiration. At least to tide you over until they release theirs :).

### * I don’t see any data!
Yeah, the server’s a little slow. Just be patient.

### * Cool, now I see data. What can I do?”
Here are some things to try:

* click the left and right arrows at the top right.
* click the month/year/day buttons to change the view.
* click on the small calendar to go right to a day.
* now shift click on a different day on the small calendar to select a range
– try selecting large and small ranges…2 days, 2 weeks, etc.
– in the month view, click and drag an event to move it from day to day
– in the day view, click and drag an event to change its duration or start time
– in month view, you can click on a day (not an event…the day background) to zoom to that day.” +

### * Cool. How do I load more data?
click the ‘Add Calendar’ button under the ‘default’ legend on the left.

### * What can I load?
There’s two default calendars to choose from. Make sure to pick a color, and enter a name.

### * Is that it?
Well, it’s loading ics files, so in theory you could put in any ics url (i.e., a google calendar). But the ics parsing is ” +
really rudimentary…just enough to get some data in I could work with…so don’t hold your breath.

### * Hey! I found a bug!
I certainly hope so! If you didn’t, you probably weren’t using it at all. Like I said, it’s a proof of concept.

### * Cool. Can I use this?
By all means. I’ll be posting the code in a little while.

### * I really want this, but it’s too buggy!
I’ve got to get back to actually working on the SDK…so I’m looking for someone (or someones) to take over this code. Are you volunteering?

### * Where’s the source?

Weren’t you reading above? You can download a zip file with all the source [from here][source]. The main Calendar component is fully commented, although at this point none of the supporting files are.

Feedback or thoughts on this example, as well as requests for other examples you’d like to see, are much appreciated. [Leave comments, suggestions, criticisms here.][comments]

9 Responses to “Interactive Calendar”

  1. Quietly Scheming » Blog Archive » Looking for a Flex Calendar? This might whet your appetite… Says:

    [...] * Flex Interactive Calendar Component [...]

  2. Flex Calendar at Web 2.0 Log Says:

    [...] Quietly Scheming comes with a Flex Calendar. They say the source will be posted soon. So check it out! [...]

  3. [ Quietly Scheming ] Interactive Calendar Component « Flexed Says:

    [...] Many of you already know that Adobe Consulting team has been working on a calendar component. They have yet to release this component. In the mean time, Ely Greenfield (Quietly Scheming) has posted a proof of concept calendar component in his blog. Source code is not yet released but he does intend to make it open source. Check  it out the component in his blog [...]

  4. Quietly Scheming » Blog Archive » Flex Calendar updated with Source Code Now Available Says:

    [...] I finally got the calendar source wrangled into a semi-respectable form that I’m not too embarasssed to post here. You can now download a zip file with all the source you should need to build and use the calendar (and sample app) from the calendar demo page. [...]

  5. Quietly Scheming opens up source code Flex Calendar at Web 2.0 Log Says:

    [...] Quietlly Scheming posted up the source of their Flex Calendar. I posted about the Flex Calendar a time ago. So now the Flex Interactive Calendar Component is available with source. [...]

  6. Interactive Flex Calendar Component(With Source) - Just Awesome!!! « Flash Enabled - Get Ready With Flash… Says:

    [...] Check and download it here. [...]

  7. Announcing LiveCycle up2date seminar - Document security at Waldo Smeets .com on Rich Internet Applications Says:

    [...] year. Next to the DrLivecycle initiatives I announced yesterday, we’ll also be hosting some LiveCycle Up2Date seminars which provide more background information on specific Adobe LiveCycle ES [...]

  8. Dr Flex & Dr LiveCycle » Announcing LiveCycle Up2date seminar - Document security Says:

    [...] year. Next to the DrLivecycle initiatives I announced yesterday, we’ll also be hosting some LiveCycle Up2Date seminars which provide more background information on specific Adobe LiveCycle ES [...]

  9. n00beruser Says:

    There is an updated version of Ely’s original code that supports Add/Delete events and looks to have fixed some of the font rendering issues in the original version.

    http://www.flex-flex.net/blog/article.asp?id=33

Leave a Reply