Mise en page du texte et de l'image dans JSF

Question

J'essaie d'afficher l'image et le texte sur la même ligne à l'aide de la balise JSF. Y'a-t'il un quelconque moyen d'y arriver? Le code oringinal est comme suit mais l'image et le texte s'affichent toujours en 2 lignes.

<rich:modalPanel id="Busy" autosized="true" zindex="2000"> 
     <h:outputText value="Submitting..."></h:outputText> 
     <h:graphicImage value="images/loading.gif" /> 
    </rich:modalPanel> 

Answer 1

Vous pouvez essayer

<rich:modalPanel id="Busy" autosized="true" zindex="2000"> 
    <h:panelGrid columns="2"> 
     <h:outputText value="Submitting..."></h:outputText> 
     <h:graphicImage value="images/loading.gif" /> 
    </h:panelGrid> 
</rich:modalPanel> 

Le organisera tous ses éléments enfants dans une table, contenant le nombre spécifié de colonnes (2 dans ce cas).

h:panelGrid

Answer 2

La meilleure solution est de définir la ligne directement dans les propriétés CSS:

<h:outputText value="Submitting..." styleClass="loading"/> 

et dans votre CSS:

.loading { 
    background-image: url('images/loading.gif'); 
} 

alors, vous devrez adapt your CSS class pour afficher correctement votre image.