Flex is a very flexible language and I’m here to prove it again.
Today, I’m posting these two new cute flex calendar controls which uses inbuilt “CalendarLayout” class for functionality and has a completely new layout and interface defined in MXML.
I’m open sourcing these components and you are allowed to edit / use them in your projects with no restrictions.
So, go a head, have fun with these components and unleash your creativity bring out more cooler calendars.
Click here to Download Component / Source
Dear Readers, Please feel free to send me your Feedback / New Component Requests through comments or email.
Hey these look great! Thanks for sharing. As far as your licensing goes, what model is it – I’m guessing MIT?
Here is a great link I found today that explains the differences, and it really opened up my eyes to this. So, I’m going to start asking before using.
http://www.gskinner.com/blog/archives/2008/07/source_code_lic_1.html
Srinivas, thanks again for sharing your time and talents!
Very good ,thanks
Thanks to Pat Buchanan for bringing up this topic.
I’m releasing these component source under “Public Domain” license and you are allowed to use it with/without changes in any of your personal/commercial projects.
very nice looking … thanks
Really great job !!
too cool…thanx fr sharing…
good job ….Thanks for sharing
Cool man…it always puts a smile on my face when i see someone take a Flex component and make it NOT look and act so much like the original Flex component that it was derived from. Nice job man, and keep up the creativity.
Right link to the source is now updated.
Excellent work! These not only look modern, but is an excellent practice towards making accessible RIA components for the visually impaired.
Thanks.
Hi,
Is it possible to make the holidays as different color and also selectable.
Since i used disabledRanges to change the color, i was not able to select it.
Can we able to do this.
Thanks,
Hemanth
Yes, Its possible. Please have a look at the sample posted here http://toosweetvasu.googlepages.com/CalendarWithHolidays.mxml
14th & 18th are treated as Holidays in the sample. You can get the holiday list dynamically and use the same logic.
Let me know if you get stuck somewhere.
Dear Srinivas,
Nice work with the customized layout of CalendarLayout!
One question, what if I wanted to customize the dayBlocksArray and the UITextField?
I have managed to extract the dayNumber (UITextField.text) using getChildAt.
However, how can I replace the UITextField’s in the dayBlocksArray with another UIObject of my own?
–Jemmy Lai
Yes Jemmy, you can very much do that. You can either replace the UITextField with a new one or change the properties/styles of existing UITextField (recommended).
Please look at a similar sample here http://toosweetvasu.googlepages.com/CalendarWithHolidays.mxml
Great Going Srini
Thatz awesome…very nice to have it.. Thanx
Hi Srini,
I found this
FLEXDMV-784 Drag and drop non functional when selectionMode=”multipleCells”
is fixed. where do i get the patch for it. or how do I use it in my project which is using Flex 3.2.0
Thanks,
Hemanth
Hi Hemanth,
This bug was closed with status as “Deferred” which means that this bug is not fixed yet. It will be re-opened in later releases based on the number of votes this bug gets.
So, do remember to vote & watch for this bug. Also ask other developers who are facing this problem to vote for it.
Regards
Srinivas Annam
i want to show holiday date as different color.with tool tip as reason for holiday on that date. please help me if you can.
Hi Prasad, you can do that easily with these components. Have a look at the sample shared at http://toosweetvasu.googlepages.com/CalendarWithHolidays.mxml.
I have hard coded 14th & 18th as holidays in this sample and changed the font color to red with tooltip. But, you can feed the holiday list and reason as an array and handle it in “renderChildren()” function.
Hope this helps. Let me know incase you need any further assistance on this.