Dojomino :: Screenshot example of simple form rendering

Chris Mitchell asked for some screenshots. I'll do the view ones later in the week, but here's a couple of before and afters for a simple form.

Here's a really simple form with 1 button in the action bar and 1 date field on it. If we let Domino handle it, we get the action bar table where the Edit button is an a href (ugly), and then a HR under the action bar. In the after shot, we've killed the action bar table, replaced it with a div with a simple blue background (comes from stylesheet, so you control it), and replaced the a href with a dijit.form.Button. In this case, the button just inherits the code that the a href would have performed.


Read mode - before	Read mode - after

For edit mode, read more...

Edit mode is more of the same idea, kill the action table, replace it with a div. Replace the a href links with dijit buttons. Inherit or replace the action's href/onclick event.


Edit mode - before	Edit mode - after

Of course the more interesting part of this example is the date field which got transformed into a dojomino.dijit.form.DateTextBox with a calendar picker. We didn't modify the design of the field, although that would have been a valid approach by just adding the html attribute dojoType="dojomino.dijit.form.DateTextBox". Instead the field was transformed by a script at runtime. That's a conversation for another blog post to go into more detail.

Comments

1 - Would using this framework solve an issue we are having in iNotes/DWA where the person who opens there calendar entry, and the Rich Text body contains an HREF cannot click on it becauase by default your calendar items open in Edit Mode (unclickable URLs if they were in the RT Field). Please let me know. Thanks!

Posted by Irv Schor At 11:42:34 AM On 01/29/2009 | - Website - |