fieldset & legend help

[rodmen]

Hello, can any one help me on this please, I want to put 3 a4j:commandButton into a fieldset & legend.

This is my code:

<h:panelGrid columns="3" border="1" styleClass="panelGridObsRenglon">
     <h:outputLabel for="observaciones" value="Observaciones: " style="vertical-align: top;"/>
     <h:inputTextarea id="observaciones" value="#{pedidoBBean.observaciones}" style="width: 750px; font-size:12px;" required="false" immediate="true" onkeypress="return validarComentario(event)"/>
     <fieldset class="demo_fieldset"> 
     <legend class="demo_legend">Operaciones del Anuncio</legend> 
     <div class="sample-container"> 
          <r:panel>
               <a4j:commandButton id="modificarAnuncio" value="Modificar" onclick="validaPedido();" actionListener="#{pedidoBBean.setModificarAnuncio}" reRender="pedidoForm" disabled="#{detallePedidoBean.disabledAgregarAnuncio}" immediate="true" oncomplete="lanzaModal('#{pedidoBBean.anuncioConfirmacion}', '#{pedidoBBean.idAnuncio}');"/>
               <a4j:commandButton id="agregarAnuncio" value="Agregar" onclick="validaPedido();" actionListener="#{pedidoBBean.setAgregarAnuncio}" reRender="pedidoForm" disabled="#{detallePedidoBean.disabledAgregarAnuncio}" immediate="true" oncomplete="lanzaModal('#{pedidoBBean.anuncioConfirmacion}', '#{pedidoBBean.idAnuncio}');"/>
               <a4j:commandButton id="eliminarAnuncio" value="Eliminar" onclick="validaPedido();" oncomplete="togglePeriodico2();" actionListener="#{pedidoBBean.eliminarAnuncio}" reRender="pedidoForm" disabled="#{detallePedidoBean.disabledEliminarAnuncio}" immediate="true"/>
          </r:panel>
     </div>                         
     </fieldset>
</h:panelGrid>

But the html that generate is this:

<fieldset class="demo_fieldset"> 
                                   <legend class="demo_legend">Operaciones del Anuncio</legend> 
                                   <div class="sample-container"> 
                                   </td>

</tr>
<tr>
<td><div class="rich-panel " id="pedidoForm:j_id_jsp_1644744545_516"><div class="rich-panel-body " id="pedidoForm:j_id_jsp_1644744545_516_body"><input id="pedidoForm:modificarAnuncio" name="pedidoForm:modificarAnuncio" onclick="validaPedido();;A4J.AJAX.Submit('pedidoForm',event,{'oncomplete':function(request,event,data){lanzaModal('0', '0');},'similarityGroupingId':'pedidoForm:modificarAnuncio','parameters':{'pedidoForm:modificarAnuncio':'pedidoForm:modificarAnuncio'} ,'containerId':'j_id_jsp_1644744545_0','actionUrl':'/NotmusaCom/Pedido/Pedido.jsf'} );return false;" value="Modificar" type="button" /><input id="pedidoForm:agregarAnuncio" name="pedidoForm:agregarAnuncio" onclick="validaPedido();;A4J.AJAX.Submit('pedidoForm',event,{'oncomplete':function(request,event,data){lanzaModal('0', '0');},'similarityGroupingId':'pedidoForm:agregarAnuncio','parameters':{'pedidoForm:agregarAnuncio':'pedidoForm:agregarAnuncio'} ,'containerId':'j_id_jsp_1644744545_0','actionUrl':'/NotmusaCom/Pedido/Pedido.jsf'} );return false;" value="Agregar" type="button" /><input id="pedidoForm:eliminarAnuncio" name="pedidoForm:eliminarAnuncio" onclick="validaPedido();;A4J.AJAX.Submit('pedidoForm',event,{'oncomplete':function(request,event,data){togglePeriodico2();},'similarityGroupingId':'pedidoForm:eliminarAnuncio','parameters':{'pedidoForm:eliminarAnuncio':'pedidoForm:eliminarAnuncio'} ,'containerId':'j_id_jsp_1644744545_0','actionUrl':'/NotmusaCom/Pedido/Pedido.jsf'} );return false;" value="Eliminar" type="button" /></div></div></td>
<td>
                                   </div>                         
                           </fieldset>

I don't know how to eliminate the </td></tr><tr> before the rich panel

So the result is this

Thank you very much

[nbelaevski]

Hi Rodrigo,

That's h:panelGrid adding extra cells/rows for nested components. Just wrap FIELDSET into h:panelGroup.

[rodmen]

Hi Nik.

Thank you very much I was blind !!

[samyomar82]

thanks this worked with me too