This is a 5-minute guide to creating a wizard inside a modal panel. We are going to use a4j:include together with rich:modalPanel.

There are four components in the a4j: tag library which enable you to send an Ajax request. They are a4j:commandButton, a4j:commandLink, a4j:support, and a4j:poll. All provide rather specific functionality. For example, a4j:commandButton will generate an HTML button that fires an Ajax request. a4j:commandLink will do the same but generates a link. a4j:support is always attached…

Many rich components (from rich: tag library) provide client-side JavaScript API. Being client-side means it’s happening only in the browser. We would have to click submit or fire an Ajax request to submit the changes. How do you find what JavaScript functions are available on a particularity component? The place to find this information is…

If you are learning RichFaces, here is one approach you can take. These are the core features that you need to know. Once you have a good grasp on them, you will be able to use any rich components from the library. This will probably surprise you, but there is not a whole lot to…

Some time ago I blogged on how to set focus on a component after an Ajax request in RichFaces. As a quick review, every tag that fires an Ajax request has focus attribute which points to the id of the component on which to set focus after the request. It works fine but only for…

The following are some of the best posts about RichFaces. Of course everything is good, but these important core features and other good examples: Easiest way to start with RichFaces (Eclipse template) RichFaces with Hibernate Validator RichFaces built-in client functions RichFaces region – partial JSF view processing View scope in RichFaces Using rich:layout and rich:layoutPanel…

Now that RichFaces 3.3.3 is out, plus JBoss Tools 3.1 was released in March, let me show you the easiest way to start with RichFaces and Tomcat 6. This doesn’t involve Maven. I’ll write a post about Maven and RichFaces some other time. The following steps assume you have JBoss Tools 3.0 or 3.1 installed.…

Did you ever need to know or display RichFaces version or revision when running your application? It’s rather easy to do. RichFaces registers VersionBean bean under a4j name which can give you that information. Output: Project name: Jboss Richfaces Vendor: richfaces.org Version: v.3.3.1.GA SVN $Revision: 14228 $ $Date: 2009-05-14 09:56:51 -0700 (Thu, 14 May 2009)…

I sometimes see developers use a4j:form tag (without any attributes) on their pages. When I ask them why did you use this tag? The answer is usually: “I thought I need this tag to send Ajax requests” It turns out you don’t have to use this tag to send an Ajax request. You can use…

I blogged earlier about four built-in RichFaces functions that come in very handy, especially the rich:component(id) one. Many rich components (from rich;* tag library) provide client-side JavaScript API. To access this API, you need to use rich:component(id) and add the JavaScript method name, such as: #{rich:component(‘id’)}.someMethod(). For example, go to rich:listShuttle component in RichFaces Developers…

It’s end of the day Friday (and end of they year), what’s a better time than to revisit one of the original RichFaces components: rich:suggestionbox. rich:suggestionbox shows a list of values in a pop-up based on the input provided. It has an action method that takes value from an input field. In that action, you…

With release of Java EE 6, you can now use Bean Validation with JSF 2. If you are using JSF 1.2 (and that’s probably still most of you), you can use Seam to take advantage of Hibernate Validator. If you are not using Seam but would still like to use Hibernate Validator, RichFaces provides such…

I have many posts on my blog that show various RichFaces features, how-to’s tricks and tips. It wasn’t as easy to find them so I went and tagged them all with richfaces-howto tag. Any time you want to see all these posts, just select richfaces-howto tag from the right-hand side bar.

RichFaces comes with four useful functions that make it simple to work with JavaScript. The functions are: #{rich:clientId(‘id’)} #{rich:element(‘id’)} #{rich:component(‘id’)} #{rich:findComponent(‘id’)} Suppose you have this on JSF page: #{rich:clientId(‘calendar’)} Placing this on JSF page: #{rich:clientId(‘calendar’)} will display the component client id: form:calendar #{rich:element(‘calendar’)} Placing this on JSF page: #{rich:element(‘calendar’)} is a reference to HTML element…