commandButton With Image And Text

[pourmo]

Hi

How can I have a commandButton with both Image and a Text, when I set the image attribute of the commandButton the value attribute (text) does not appear.

cheers
mo

[ilya_shaikovsky]

<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>

[pourmo]

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.

cheers
mo

[ilya_shaikovsky]

Pay your attention that in my code there is html button element but not h:command* component ;)

[pourmo]

Thank you :-)

[damianharvey]

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.

Cheers,

Damian.