[RESOLVIDO]Encaixar componentes na tela

8 respostas
E

Pessoal,

gostaria de colocar o outputText (Tempo de Doença),inputText e selectOneMenu aonde esta marcado de amarelo, conforme o anexo

<p:panel style="left:700px; width:500px;height:'#{cadguiaMbean.tamanhopanel}'" >
                  
            <f:facet name="header"  >
                <h:outputText value="#{msg.guiaconsulta_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '1'}"/>
                <h:outputText value="#{msg.guiaconsultaspsadtsol_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>
            </f:facet>     


         <h:form id="formprincipal"> 
		 <h:panelGrid columns="2" cellpadding="3">                  
                <h:outputText value="#{msg.guiaconsultaspsadtsol_tpdoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                 
                     <h:selectOneRadio id="tpdoenca">
                          <f:selectItem itemLabel="Aguda" itemValue="1" />  
                          <f:selectItem itemLabel="Crônica" itemValue="2" />                            
                      </h:selectOneRadio>
                      

                  </h:panelGroup>

           <h:outputText value="#{msg.guiaconsultaspsadtsol_tempodoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                                      
                      <p:inputText id="txttempo" value="#{cadguiaMbean.tempodoenca}"  style="width: 25px;" maxlength="2"/>                                              
                      <p:selectOneMenu id="txtcombotempodoenca" style="width: 70px;">  
                            <f:selectItem itemLabel="Anos" itemValue="1" />  
                            <f:selectItem itemLabel="Meses" itemValue="2" />  
                            <f:selectItem itemLabel="Dias" itemValue="3" />  
                        </p:selectOneMenu> 

                  </h:panelGroup>



		</h:panelGrid> 
	  </h:form>  	
        
        </p:panel>


8 Respostas

M
evandro_araujo:
Pessoal,

gostaria de colocar o outputText (Tempo de Doença),inputText e selectOneMenu aonde esta marcado de amarelo, conforme o anexo

<p:panel style="left:700px; width:500px;height:'#{cadguiaMbean.tamanhopanel}'" >
                  
            <f:facet name="header"  >
                <h:outputText value="#{msg.guiaconsulta_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '1'}"/>
                <h:outputText value="#{msg.guiaconsultaspsadtsol_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>
            </f:facet>     


         <h:form id="formprincipal"> 
		 <h:panelGrid columns="2" cellpadding="3">                  
                <h:outputText value="#{msg.guiaconsultaspsadtsol_tpdoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                 
                     <h:selectOneRadio id="tpdoenca">
                          <f:selectItem itemLabel="Aguda" itemValue="1" />  
                          <f:selectItem itemLabel="Crônica" itemValue="2" />                            
                      </h:selectOneRadio>
                      

                  </h:panelGroup>

           <h:outputText value="#{msg.guiaconsultaspsadtsol_tempodoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                                      
                      <p:inputText id="txttempo" value="#{cadguiaMbean.tempodoenca}"  style="width: 25px;" maxlength="2"/>                                              
                      <p:selectOneMenu id="txtcombotempodoenca" style="width: 70px;">  
                            <f:selectItem itemLabel="Anos" itemValue="1" />  
                            <f:selectItem itemLabel="Meses" itemValue="2" />  
                            <f:selectItem itemLabel="Dias" itemValue="3" />  
                        </p:selectOneMenu> 

                  </h:panelGroup>



		</h:panelGrid> 
	  </h:form>  	
        
        </p:panel>

Não resolve assim

<p:panel style="left:700px; width:500px;height:'#{cadguiaMbean.tamanhopanel}'" >
                  
            <f:facet name="header"  >
                <h:outputText value="#{msg.guiaconsulta_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '1'}"/>
                <h:outputText value="#{msg.guiaconsultaspsadtsol_titulo}" styleClass="fontecentralizada" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>
            </f:facet>     


         <h:form id="formprincipal"> 
		 <h:panelGrid columns="2" cellpadding="3">                  
                <h:outputText value="#{msg.guiaconsultaspsadtsol_tpdoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                 
                     <h:selectOneRadio id="tpdoenca">
                          <f:selectItem itemLabel="Aguda" itemValue="1" />  
                          <f:selectItem itemLabel="Crônica" itemValue="2" />                            
                      </h:selectOneRadio>
                      <p:inputText id="txttempo" value="#{cadguiaMbean.tempodoenca}"  style="width: 25px;" maxlength="2"/>     

                  </h:panelGroup>

           <h:outputText value="#{msg.guiaconsultaspsadtsol_tempodoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                                 
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                                                                                
                      <p:selectOneMenu id="txtcombotempodoenca" style="width: 70px;">  
                            <f:selectItem itemLabel="Anos" itemValue="1" />  
                            <f:selectItem itemLabel="Meses" itemValue="2" />  
                            <f:selectItem itemLabel="Dias" itemValue="3" />  
                        </p:selectOneMenu> 

                  </h:panelGroup>



		</h:panelGrid> 
	  </h:form>  	
        
        </p:panel>
E

Não enteni o que vc fez

M

Resolveu ???

só movi o p:inputText id=“txttempo” de um painelGroup para outro.

E

Nao deu certo , cara, olha o que esta aparecendo no anexo.

M

Cara, se eu te falar que executei uma aplicação de teste com esse código ai e ficou certinho.

Como seu css trata esse styleClass ? pode ser isso

styleClass="linha"
E

Cara, nao sei o que acontece, deixei assim , mesmo assim esta desalinhado

<h:panelGroup rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                 
                      <h:selectOneRadio id="tpdoenca">
                          <f:selectItem itemLabel="Aguda" itemValue="1" />  
                          <f:selectItem itemLabel="Crônica" itemValue="2" />                            
                      </h:selectOneRadio>
                      
                      <h:outputText value="#{msg.guiaconsultaspsadtsol_tempodoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                                            
                      <p:inputText id="txttempo" value="#{cadguiaMbean.tempodoenca}"  style="width: 25px;" maxlength="2"/>                                              
                      <p:selectOneMenu id="txtcombotempodoenca" style="width: 70px;">  
                            <f:selectItem itemLabel="Anos" itemValue="1" />  
                            <f:selectItem itemLabel="Meses" itemValue="2" />  
                            <f:selectItem itemLabel="Dias" itemValue="3" />  
                        </p:selectOneMenu> 

                  </h:panelGroup>
E

Alguem ???

E

Resolvi dessa forma :

<h:outputText value="#{msg.guiaconsultaspsadtsol_tpdoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                 
                
                  <h:panelGroup styleClass="linha" rendered="#{cadguiaMbean.vtipodetela eq '2'}">                                                                 
                       <h:panelGrid  columns="5" border="0" style="text-align:left;" cellpadding="1">                                  
                      
                        <h:selectOneRadio id="tpdoenca">
                            <f:selectItem itemLabel="Aguda" itemValue="1" />  
                            <f:selectItem itemLabel="Crônica" itemValue="2" />                            
                        </h:selectOneRadio>
                        <h:outputText value="#{msg.guiaconsultaspsadtsol_tempodoenca}" styleClass="fonte" rendered="#{cadguiaMbean.vtipodetela eq '2'}"/>                                            

                        <p:inputText id="txttempo" value="#{cadguiaMbean.tempodoenca}"  style="width: 25px;" maxlength="2"/>                                              
                        <p:selectOneMenu style="width: 70px;">  
                              <f:selectItem itemLabel="Anos" itemValue="1" />  
                              <f:selectItem itemLabel="Meses" itemValue="2" />  
                              <f:selectItem itemLabel="Dias" itemValue="3" />  
                          </p:selectOneMenu>
                       </h:panelGrid> 

                  </h:panelGroup>
Criado 22 de março de 2013
Ultima resposta 25 de mar. de 2013
Respostas 8
Participantes 2