<button type="button"> <a4j:support event="onclick" action="..." reRender="..."></a4j:support> <h:graphicImage value="/pages/tennessee.gif"></h:graphicImage> <h:outputText value="test"></h:outputText> <h:graphicImage value="/pages/texas.gif"></h:graphicImage> </button>
Thanks, I had tried this before but the Image and the text appeard outside the button, then I realized this is due to me having panelGrid with columns as a parent, which forced the components to appear as individual.
Pay your attention that in my code there is html button element but not h:command* component ;)
Thank you :-)
You can always put the image in as a background-image via CSS and position the text with a margin. You can use an a:commandButton then.