Canvas UI for MooTools

Finally, a decent implementation of panels using MooTools, which means I can finish my migration from YUI+Scriptaculous to MooTools some time this year if time allows.

Calendar and Date Picker Showcase

Via Smiley Cat comes a compilation of quite a few nice looking calendars and date pickers that are out there on the web. Quite helpful if you’re out searching for one, although I think I’ll stick with YUI version myself as it can be styled with CSS anyway. I should have that ready to go early next week.

YUI Dialog in Seaside

I got a bit tired of trying to convince Scriptaculous SULightbox’s JavaScript to play nice with Lightbox Plus JavaScript, so I decided to try YUI’s dialog overlay. See version 1.2+ in the Public Repository.

The protocol is identical to that of SULightbox, for example

(html anchor)
 callback: [
  self dialog:
   ((ConfirmationDialog new)
          message: aString;
          yourself)];
 class: 'nav';
 with: 'Logout'

versus,

(html anchor)
 callback: [
  self lightbox:
   ((ConfirmationDialog new)
          message: aString;
          yourself)];
 class: 'nav';
 with: 'Logout'

You can pass any component to #dialog: and it’ll render in a modal dialog right over the original page. Give it a try, but please note that this is just a test and I haven’t used it much myself yet to get the kinks out of the system. And no, its not as pretty as Scriptaculous just yet, there’s certainly a good reason to objectify the whole library, but I suspect it’ll be a gradual process since this is just a side utility-type project for me.

SeasideYUI kickoff

I have just published a SeasideYUI bundle in Cincom Public Repository which is a very first attempt at getting the YUI integration rolling. Don’t expect anything fancy, the only thing it supports at the moment are basic Tooltips, but I see this growing over time into something similar to Scriptaculous (Lukas has done an excellent job there). As a matter of fact, SeasideYUI depends on Scriptaculous at the moment for its JavaScript handling.

You can check it out by loading SeasideYUI on top of SeasideForWebToolkit and navigating to http://localhost:8008/seaside/go/yuicounter, which should show you nice tooltips on “–” and “++” links.

renderContentOn: html
 html heading: count.
 (html anchor)
  callback: [self increase];
  tooltip: 'Increase';
  text: '++'.
 html space.
 (html anchor)
  callback: [self decrease];
  tooltip: 'Decrease';
  text: '--'