With all the other SDK samples posted by David you are probably getting overwhelmed, but we're giving you one more.  I had wanted to take a look at the Yahoo! UI library for a while, and since we had wanted to have both a Windows and a Web sample this was a good opportunity to write the Web sample using YUI.

In terms of layout and functionality, the sample is exactly like the Windows sample, and it highlights the same SDK features.  Here are some screenshots of the sample in action:

Here's the main window showing the list of customers instead of projects, with the defects reported by the selected customer, and the related items tab showing items related to the selected defect:

Here's the Add defect window, showing only a few of the fields available for a defect:

And here's the Add worklog window where we can log work entries for a selected defect:

The sample's user interface is all done using the Yahoo! UI library, and it uses the following components:

• Calendar
• Connection Manager
• Container (Dialog)
• DataTable
• Menu
• TabView
• TreeView

The Yahoo! UI library is available for free download and it includes quite a few components, of which only a few were used in this sample.  The scripts for the components can be linked either locally or directly from their servers.  The sample links directly to Yahoo for the scripts, but includes the CSS and images with the application (some of the CSS files were modified slightly).

Overall, the YUI components are pretty nice: lightweight, fast, easy to use.  The DataTable (grid) was the only one that took some work, mainly with setting up its styles to look good and work properly in the top-right section (if you look at the code you will notice that the scrolling comes from the div and not from the grid).

You can download this sample from here.  This sample will be included with the OnTime SDK samples download in the future.