Prototype UI beta version (PWC reloaded)
November 4th, 2007
I am very happy and proud to announce prototype UI is officially open today.
At the beginning of the project, it was only a full rewrite of Prototype Window but it became quickly a UI library based on Prototype 1.6 and script.aculo.us 1.8 to include all my previous components like Prototype Carousel ....
This library is developed by Samuel Lebeau and myself. Sam worked hard on the core classes and the object design. It’s also done with help of Juriy Zaytsev and Vincent Le Moign for the design.
And I want to thank Emanuel ‘Mila76’ for his help on IE (BIG HELP) and for his div version of PWC (the new window system is based on it).
This version is only for developer and early adopters. You can only download it with subversion. The final release will be done when prototype 1.6 will be stable and of course when prototype UI too :).
You will be able to download a JS per component, a JS file with the full library and a build page will allow you to create your own JS file with UI components you need.
This goal is to build to best free UI library (under MIT licence) based on Prototype.
In the current version you have- window
- skinnable
- shadowing system independent from window and skinnable
- div based
- resizable from all borders and corners
- custom buttons
- Dialogs (like it’s done in PWC) are not yet implemented but will be done soon
- carousel: only HTML content (no Ajax content)
- dock (experimental)
- shadow: a simple class to add shadow on any element with a absolute position.
Stay tuned ;) and long life to prototype UI.
Here is a sample test to see the new window system (from functional tests included in the distrib)
PS: Any feedback is really appreciated (bugs, documentation, patches, API …)
24 Responses to “Prototype UI beta version (PWC reloaded)”
Sorry, comments are closed for this article.


November 5th, 2007 at 03:20 AM
Now that is very nifty indeed. If only I had a reason to use it :)
November 5th, 2007 at 08:36 AM
One day, you will I am sure :)
November 5th, 2007 at 04:24 PM
Will Prototype UI become a widget library ala Ext or Dojo?
November 5th, 2007 at 04:31 PM
Wow, this look really good. I’m going to try it in some proyects :)
November 5th, 2007 at 05:07 PM
This is major major major!
November 5th, 2007 at 05:50 PM
Wow, pretty cool! Really a nice job man!
November 5th, 2007 at 08:04 PM
Awesome guys.
November 5th, 2007 at 10:36 PM
This is gonna be awesome! A perfect compliment ot Prototype.
November 5th, 2007 at 11:01 PM
Nifty. now, if only you added the background dimming and window rollover effects like OS X’s exposé, that would be cool!
November 6th, 2007 at 04:27 AM
Again, going back to your portal.js example, which I am using with pretty good success in a project. I have 2 questions…
- in IE, when you drag a widget around, the title text loses it’s antialiasing once dropped, very weird, you can see this in your sample page in IE7 (not sure about IE6)
- any advice on iframe based widgets? I currently keep your the div and buttons in the main page, and host an iframe inside (like default google gadgets), but one thing I have not been able to get working is changing the height of the iframe based on the content
November 6th, 2007 at 02:49 PM
Pretty, but what can it be used for?
An isolated island of prettiness to be filled up with HTML.
Why are people wasting their efforts to cobble together (ooooh, ahhhhhh!) a window-like widget?
On it’s own like this it’s utterly useless.
November 6th, 2007 at 05:47 PM
@animal: prototype UI is not just a window-like widget, and you should pay more attention when you use any website, a LOT of them have modal dialog which is in fact just a window-like widget!
November 8th, 2007 at 01:50 AM
so, 1.6 is out. when can we expect a final release?
I like it :D
November 8th, 2007 at 05:31 PM
Great work !!
@animal:it’s not useless when you have +90% browser blocking window.open…
November 12th, 2007 at 04:27 PM
You’re great! However, when i click NEAR one of the three buttons but NOT ON them, in FF i get this error: element has no properties – this.action(element.className);
November 13th, 2007 at 09:14 AM
It’s so impressive. Unfortunately, it cannot be used right now. I hope there will be great javascript ui framework. I have been comparing with this prototype with JQuery and ExtJs since they have good ui already. I just confuse what the choice is.
November 13th, 2007 at 09:33 AM
@fable: You’re right, this will be fixed soon ! Please report such defects on the development platform. Thanks !
November 16th, 2007 at 05:40 PM
Any chance for having your A-m-a-z-i-n-g Portal class ported to v1.6 and included in the UI site? (Btw, Thanks for all of your awesome work!) Ran
November 19th, 2007 at 11:20 PM
@Sebastien/Samuel: I have a question, I’ve read that you will be using a DIV approach to windows, does this mean that there’ll be no longer support for IFRAME based windows? They are particularly useful to render standard pages with form handling right into the window, with its own styling / HEAD stuff, etc.
November 20th, 2007 at 10:11 AM
there are Iframe-based “URL-content” windows on the SVN functional test. So I think it’s possible
November 27th, 2007 at 09:25 AM
@Mariano: DarkRat is correct, IFrame window is already support. It’s URLWindow. @Ran: It will be added for sure and with more options :)
November 29th, 2007 at 12:36 AM
DUDE! How u DOIN’? IT IS AWSOME! I just tried on IE, when you minimize, the shadow will stay the same. (does not get minimized…). You might already know that.
KEEEP IT UP. CAN”T WAIT MAN!
December 4th, 2007 at 02:35 AM
This is awesome! I will use that docking thing at one of my projects :) i love it
December 4th, 2007 at 09:44 AM
This lib is really cool, keep it up. I’ll probably even use it in a project that is coming up. I hope it doesn’t meet the same fate as prototype graphics ;)