Discussion :

[fou-jea]

bonjour,
j'ai cette page web :

je veux que la partie à droite soit un peu plus éloignée, j'ai essayé avec les styles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

padding-left

mais aucun resultat
voila le code de la page si vous pouvez avoir une idée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<p:panel header="Edition d'une commande"  id="panel"  >
                <p:messages id="msgs"/>
                <h:panelGrid columns="3" style="float:left;" columnClasses="column" cellpadding="5">
 
                    <h:outputLabel  for="idd" value="Id : " />   
                    <p:inputText  disabled="true" value="#{editCommandController.myCom.id}" id="idd" required="true" requiredMessage="veuillez saisir un nom" label="Nom"  />  
                    <p:message for="idd" display="icon"/>
 
                    <h:outputLabel for="dteenvoi" value="Date d'envoi : " />  
                    <p:inputText disabled="true" id="dteenvoi" value="#{editCommandController.myCom.dateEnvoi}" required="true" requiredMessage="veuillez saisir un prénom" label="Prénom" />  
                    <p:message for="dteenvoi" display="icon"/>
 
                    <h:outputLabel for="division" value="Date de livraison recommandée : " />  
                    <p:inputText disabled="true"  id="division" value="#{editCommandController.myCom.dateLivraisonRecommande}" />  
                    <p:message for="division" display="icon"/>
 
                    <h:outputLabel for="poste" value="Nombre de page : " />  
                    <p:inputText id="poste" disabled="true" value="#{editCommandController.myCom.nbrePage}" />  
                    <p:message for="poste" display="icon"/>
 
                    <h:outputLabel for="email" value="Nombre d'exemplaire : " />  
                    <p:inputText id="email" disabled="true" value="#{editCommandController.myCom.nbreExemplaire}" />
                    <p:message for="email" display="icon"/>
 
                    <h:outputLabel for="autres" value="Type d'impression : " />  
                    <p:inputText id="autres" disabled="true" value="#{editCommandController.myCom.typeImpression}"  />  
                    <p:message for="autres" display="icon"/>
 
                    <h:outputLabel for="identifiant" value="Observation : " />  
                    <p:inputTextarea id="identifiant" disabled="true" value="#{editCommandController.myCom.observation}" required="true" validator="#{addUserController.validateIdentifiant}" requiredMessage="veuillez saisir un identifiant" label="Identifiant" />  
                    <p:message for="identifiant" display="icon"/>
 
                    <h:outputLabel for="dec" value="Decision : " />  
                    <p:selectOneMenu  id="dec" value="#{editCommandController.myCom.decision}" >  
                        <f:selectItems value="#{editCommandController.decisions}" />  
                        <p:ajax update="etat calen gridContainer :myform:alors" listener="#{editCommandController.decisionlistener()}" event="change" />
                    </p:selectOneMenu>  
                    <p:message for="dec" display="icon"/>
 
                    <h:outputLabel for="etat" value="Etat : " />  
                    <p:selectOneMenu  id="etat" value="#{editCommandController.myCom.etat}" disabled="#{editCommandController.myCom.decision eq 'rejettée' or editCommandController.myCom.decision eq 'en attente'}" >  
                        <f:selectItems value="#{editCommandController.etats}" />   
                    </p:selectOneMenu>  
                    <p:message for="etat" display="icon"/>
 
                    <h:outputLabel for="calen" value="Date de Livraison réelle: *" />
                    <p:calendar  label="Date de Livraison reelle" id="calen" showOn="button" disabled="#{editCommandController.myCom.decision eq 'rejettée' or editCommandController.myCom.decision eq 'en attente'}" effect="slide" value="#{editCommandController.myCom.dateLivraisonReelle}" pattern="MM/dd/yyyy HH:mm" >
                    </p:calendar>  
                    <p:message for="calen" id="msgSurname4" display="icon"/>
 
                </h:panelGrid>  
 
                <p:outputPanel id="gridContainer" style="margin-left: 200px;padding-left: 200px;"  >
                    <h:panelGrid id="alors"   rendered="#{editCommandController.myCom.decision ne 'rejettée' and editCommandController.myCom.decision ne 'en attente'}" >
                        <h:outputText value="ci dessous la liste des papiers ayant un stock (>=) à la quantité demandé" style="font-size: 0.7em;margin-bottom: -3px;" />
                        <p:dataTable  id="cars" style="width: 80px;margin-top: -6px;" var="car" value="#{editCommandController.pdm}" paginator="true" rows="10"  
                                     selection="#{editCommandController.selectedPapier}" selectionMode="single" >  
 
                            <p:ajax event="rowSelect" update=":myform:jesuis :myform:jesuis1 :myform:jesuis2" />  
 
                            <p:column headerText="libelle"  >  
                                #{car.libelle}  
                            </p:column>  
 
                            <p:column headerText="format"  >  
                                #{car.format}  
                            </p:column>  
 
                            <p:column headerText="stock"   >  
                                #{car.stock}  
                            </p:column>  
 
                        </p:dataTable>  
 
 
                        <h:outputLabel  id="jesuis" value="vous avez choisi le papier : #{editCommandController.selectedPapier.libelle}"  /> 
                        <p:separator id="separator" style="width:250px;" />  
                        <h:outputText id="jesuis1" value="la quantité nécéssaire : #{editCommandController.myCom.nbreExemplaire*editCommandController.myCom.nbrePage}" />
                        <p:separator id="separator2" style="width:250px;" /> 
                        <h:outputText id="jesuis2" value="la quantité réstante en Stock : #{editCommandController.selectedPapier.stock - (editCommandController.myCom.nbreExemplaire*editCommandController.myCom.nbrePage)}" />
                        <span id="relief" ></span>
                        <h:panelGrid columns="2" cellpadding="5" style="margin-top: 15px;">  
                            <h:outputLabel value="Reliure :" for="Reliure" />
                            <p:selectOneMenu id="Reliure" required="true" value="#{editCommandController.choixReliure}">  
                                <f:selectItem itemLabel="choisir reliure" itemValue="" />  
                                <f:selectItems value="#{editCommandController.libelleReliures}" />  
                                <p:ajax listener="#{editCommandController.vclistener()}" />  
                            </p:selectOneMenu>
                        </h:panelGrid>
 
                    </h:panelGrid>
                </p:outputPanel>
 
                <h:panelGrid columns="2" style="clear:left;" >
                    <p:commandButton value="Editer" ajax="false" action="#{editCommandController.updateCommand()}" update="panel" ></p:commandButton>
                    <p:commandButton value="Annuler"  immediate="true" action="commandesUser" ajax="false" ></p:commandButton>
                </h:panelGrid>
 
            </p:panel>

merci d'avance

[jeffray03]

tu devais ajouter ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<p:outputPanel id="gridContainer" style="vertical-align: top; float:left; margin-left:400px"  >

et la tu peux mettre a 400px comme je l´ai fait ou mettre ce qui t´arrangerait.

Eric

[fou-jea]

j'ai essayé ce que tu m'a dis mais voila le resultat :

et lorsque j'enleve le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float:left;

j'ai l'affichage precedent meme si je modifie le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left

[jeffray03]

on ne voit pas le resultat

[Mishulyna]

Bonjour fou-jea,

Tu pourrais essayer:
style="margin-left: 200px;padding-left: 200px !important;"