Question

I’d like to be able to make an Ajax call using JSF/Seam/RichFaces and have the page update with the relevant h:messages component. That works with no problem. I’m able to perform the appropriate reRender. However, I’d also like to be able to make use of rich:effect to make it a bit prettier. Ideally, I’d like to be able to have the messages fade in and then disappear when the user clicks on them. However, I’ve been unable to get this working thus far.

Has anyone gotten such a scenario working? Does anyone who knows JSF/Seam a bit better than me have any good advice? Thanks in advance!

Answer 1

Thanks for your suggestion, Damo. I tried it and it worked with no problem. Additionally, I was able to solve it using rich:effect. Here’s what I came up with:

            <a:outputPanel id="message-panel"
            onclick="hideMessages({delay:0.5,duration:0.9});">
                <h:messages id="messages" globalOnly="true" styleClass="message"
                    errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
                    rendered="#{showGlobalMessages != 'false'}" />
            </a:outputPanel>
                <rich:effect name="hideMessages" for="message-panel" type="Fade" />

...

            <h:form>
                <a:commandLink action="#{myAction.runTest()}" value="Run Test"
                    reRender="message-panel" />
            </h:form>

Once I did this, everything worked as expected.