We have created this unique first of a kind tutorial that shows you step by step how to create your own custom JSF components.
The tutorial consists of seven separate steps for building up an example application. Each step adds new code to the previous example. The tutorial includes code representing the result of each step. If you are lost, you can compare these target results with your results. Also, you might want to add some extra feature to the code to test how it works. If this messes things up, you can just replace your code with the included code to go on to the next step.
JavaServer(TM) Faces is a technology that helps to build a user interface based on the
components approach. Using UI Components as building blocks simplifies the development,
slashes the number of code lines, and allows reusing the same components from one project to
What are the components we are speaking about? The Sun reference implementation of JSF provides just a few very common components for Web forms, primitive tags for page layout, and "dataTable" as a way to show the data set. The open source implementations of JSF don't provide much more. The commercial implementation of GUI Tools for JSF such as WebSphere Application Developer and Java Studio Creator do come with significant additions to the set of components that allows creating interfaces similar to that of Swing applications. However, traditionally, the Web interface lacks all of the richness of thick-client analogs. A customer might have an existing design that is not covered by the set of standard controls. Third-party components vendors will try to create the most common components with a multitude of custom parameters, but still these do not match the requirements for an individual Web application.