Wednesday, July 11th, 2007
Joe Hewitt has upgraded iUI with some cleanup, and a bunch of new features.
The demo application will show you how it has come along.
- New UI controls: List groups, on/off switches, and fieldsets that look like the iPhone
- Linking to external pages via Ajax: Links to external URLs are now loaded via Ajax and inserted (with animation of course) into the page. The pages you link to should not be a complete HTML document, but just the elements that should be inserted into the body of the original page. If you don’t want a link to load via Ajax, specify target=”_self”.
When a link is loading, it will show a nice activity indicator while
the user waits.
To see this in the demo, click on the “Stats” link.
Here is an example of Ajax-linkable source
- Submitting forms via Ajax: Just like with external links, if you submit a form it will post it
via Ajax and insert the resulting content into the body.
To see this in the demo, click on the “Search” button and perform a
Here is an example of PHP used to handle an Ajax form post
- Correct history support: The back button now shows the name of the previous page instead of just the “home” page. Also, thanks to Kristopher Tate, it keeps in sync with the browser’s history when you use the built-in back button instead of the browser’s back button.
- Much more visual polish: The visuals now replicate more of the fine details from Apple’s designs. I’ve been combing over pixels all night. Also, text that can’t fit on screen will be properly abridged with an ellipsis.
UPDATE: Joe has blogged about his iUI work.
Posted by Dion Almaer at 7:30 am