Bonjour, j'ai une petite question pourquoi cela ne fonctionnera pas. Je veux faire exactement ce que vous voyez dans le premier exemple, mais avec Primefaces. Quand je le fais comme ça, tout fonctionne bien en termes de style, mais pour l'utilisation, j'aimerais utiliser Primefaces. Mais quand je fais la même chose avec p: inputText au lieu de simplement entrer, cela ne fonctionnera pas.

.labels {
    float:left;
    line-height:1.7em;
    padding-right:2em;
}
.inputs {
    line-height:1.7em
}
<fieldset>
  <div class="labels">
    <label>Label1</label><br/>
    <label>Label2</label><br/>
    <label>Label3</label><br/>
  </div>
  <div class="inputs">
    <input type="text" id="inpput1" value=""/><br/>
    <input type="text" id="inpput2" value=""/><br/>
    <input type="text" id="inpput3" value=""/><br/>
  </div>
</fieldset>

Voici à quoi cela ressemble avec Prime Faces.

.labels {
    float:left;
    line-height:1.7em;
    padding-right:2em;
}
.inputs {
    line-height:1.7em
}
<fieldset>
  <div class="labels">
    <label>label1</label><br/>
    <label>label2</label><br/>
    <label>label3</label><br/>
  </div>
  <div class="inputs">
    <p:inputText id="test1" value=""/><br/>
    <p:inputText id="test2" value=""/><br/>
    <p:inputText id="test3" value=""/><br/>
  </div>
</fieldset>
1
Frekell 17 janv. 2017 à 10:22

2 réponses

Meilleure réponse

Ok, j'ai réussi à le comprendre moi-même.

J'ai utilisé h: PanelGrid pour aligner toutes les étiquettes et tous les champs de texte.

En voici un petit exemple.

<h:panelGrid column="2">
  <label>label1</label>
  <p:inputText/>
  <label>label2</label>
  <p:inputText/>
  <label>label3</label>
  <p:inputText/>
</h:panelGrid>

Ce n'est pas exécutable ici mais cela fonctionne dans Netbeans.

0
Frekell 17 janv. 2017 à 13:40

Avez-vous inclus les bibliothèques? votre code semble être correct.

<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">

<fieldset>
  <div class="labels">
    <label>label1</label><br/>
    <label>label2</label><br/>
    <label>label3</label><br/>
  </div>
  <div class="inputs">
    <p:inputText id="test1" value=""/><br/>
    <p:inputText id="test2" value=""/><br/>
    <p:inputText id="test3" value=""/><br/>
  </div>
</fieldset>  
1
Gabbax0r 17 janv. 2017 à 08:00