Designing a JSF Page The first thing you want to do after
getting the page open in the designer is to expand the palette
on the right hand side of the design by clicking the left arrow
on the top of it: The palette will read the tag libraries out of
your build path and load them so you can utilize the Drag and
Drop interactions with building your web pages. Some of the more
important tag groups to be aware of are as There are the most
common sets of tags you will likely be using while designing
your pages. Let's use these items to Drag and Drop a login form
onto our new page. First we drag a JSF HTML form onto the page
and update the page text a bit: Now we want to layout a typical
login form with a username, password and login buttons. To lay
these items out nicely, it sounds like it would be a 3x2 table,
but if we want to include space for login error messages, we
would likely want a 3x3 table. In JSF there is a component that
will layout it's contents in a table automatically for us, it's
called a panelGri