Disposer des champs dans un Layout

1 pièce(s) jointe(s)

Bonjour,

Je suis débutant avec JSF et j'aimerais réaliser une interface comme le modèle suivant :

Pièce jointe 166405

J'ai essayé d'utiliser panelGrid mais il les arrange les uns sous les autres.

Quelqu'un saurait-il m'indiquer comment faire ?

Merci d'avance pour votre aide.

bonjour,

En fait, il faudrait en dire plus !
Utilises tu un framework JSF ?
Montre nous le code que tu as écrit !

Merci pour votre réponse. Oui j'utilise JSF.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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:ui="http://java.sun.com/jsf/facelets"
xmlns:composite="http://java.sun.com/jsf/composite"
 xmlns:p="http://primefaces.org/ui">
<body>
<h2> FICHE PATIENT </h2>
<hr /><hr />
<h:form>
 
<h:panelGrid columns="2" cellpadding="2" >
 
 
 Nom : <h:inputText  value ="#{patientBean.pat.nomPatient}"/>
 Prenom : <h:inputText  value ="#{patientBean.pat.prenomPatient}"/>
  Adresse : <h:inputText  value ="#{patientBean.pat.adressePatient}"/>
 
 
  Telephone : <h:inputText  value ="#{patientBean.pat.telephonePatient}"/>
 
  Sexe: <h:selectOneRadio value="#{patientBean.pat.sexePatient}">
       <f:selectItem itemValue="Homme" itemLabel="Homme" />
       <f:selectItem itemValue="Femme" itemLabel="Femme" />
         </h:selectOneRadio>
 
  Date de Naissance: <p:calendar  value="#{patientBean.pat.datenaissance}" showOn="both"/>
  Poids : <h:inputText  value ="#{patientBean.pat.poidsPatient}"/>
  Profession : <h:inputText  value ="#{patientBean.pat.professionPatient}"/>
  Numero de Securité Social : <h:inputText  value ="#{patientBean.pat.numsecurPatient}"/>
  Numero de la mutuelle : <h:inputText  value ="#{patientBean.pat.mutuellePatient}"/>
 
 <h:commandButton value=" Enregistrer "  action="#{patientBean.ajouter}"/>
         </h:panelGrid>
         </h:form>
</body>
</html>

Je cherche à avoir la même forme, i.e. les deux cadres. Avec PanelGrid on ne peut que arranger les champs.
Merci

Tu souhaites faire juste du JSF basic ou utiliser le framework PrimeFaces ?
En effet dans ton code tu déclares PrimeFaces mais tu ne l'utilises pas !

Si tu souhaites utiliser PrimeFaces tes balises ne sont pas correctes et pour faire ce que tu veux, dans ce cas regarde plutôt le panel qui correspondra mieux à ce que tu souhaites faire je pense.

c très utile.je te remercie. (y)