20.04.2013 Views

Practical RichFaces, Second Edition

Practical RichFaces, Second Edition

Practical RichFaces, Second Edition

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CHAPTER 1 THE BASICS<br />

Figure 1-1. <strong>RichFaces</strong> tab panel and calendar (blueSky skin)<br />

If you are reading an electronic version of this book, then Figure 1-1 will appear in light blue color.<br />

By changing just one parameter, we can render the page in the ruby skin, as shown in Figure 1-2.<br />

Another difference in Figure 1-2 is that it is also showing an optional control to select time. Each<br />

component offers a large number of customization options.<br />

Figure 1-2. <strong>RichFaces</strong> tab panel and calendar with time selection (ruby skin)<br />

The tabs can be switched via Ajax, as well as previous/next month in the calendar. Let’s look at one<br />

more rich component, shown in Figure 1-3. It shows a rich inplace input component displayed three<br />

times. Inplace input renders initially as a label (first component); when clicked, it switches to an input<br />

(second component); and then back to a label when editing is done (third component).

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!