Page 1 of 1

Remove Border selectOneRadio

Posted: 27 Feb 2016, 22:46
by Jarciano
Hello,
How do I remove the component edge <p: selectOneRadio, he is within <p: panelGrid.
Code and an image to better illustrate.

Image
https://uploaddeimagens.com.br/imagens/b1-png--19

Code: Select all

<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank"                                      
                                             style="border: transparent !important">
                                    <p:outputLabel for="tipo" value="Pagamento:" />
                                    <p:selectOneRadio id="tipo"  >
                                        <f:selectItem itemLabel="A vista" itemValue="A vista" />
                                        <f:selectItem itemLabel="Parcelado" itemValue="Parcelado" />  
                                    </p:selectOneRadio>
                                    
                                    <p:outputLabel for="forma" value="Forma de Pagamento:" />
                                    <p:selectOneMenu id="forma" value="Pagamento" >
                                        <f:selectItem itemLabel="Dinheiro" itemValue="1" />
                                        <f:selectItem itemLabel="Cartão de Crédito" itemValue="2" />
                                        <f:selectItem itemLabel="Cartão de Débito" itemValue="3" />
                                        <f:selectItem itemLabel="Boleto Bancário" itemValue="4" />
                                        <f:selectItem itemLabel="Déposito em Conta" itemValue="5" />
                                        <f:selectItem itemLabel="Débito em CC" itemValue="6" />
                                    </p:selectOneMenu>

                                    <p:outputLabel value="Número de Parcelas:"/>
                                    <p:inputText id="idParcelas" value="" size="10"/>

                                    <p:outputLabel value="Dinheiro:"/>
                                    <p:inputText id="idDinheiro" value="" size="10"/>

                                    <p:outputLabel value="Troco:"/>
                                    <p:inputText id="idTroco" value="" size="10"/>

                                    <p:outputLabel value="Observação:"/>
                                    <p:inputTextarea rows="5" cols="30" counter="display" 
                                                     maxlength="100" counterTemplate="{0} caracteres restantes." autoResize="false" />

                                    <h:outputText />
                                    <h:outputText id="display" />

                                </p:panelGrid>
Thanks!

Re: Remove Border selectOneRadio

Posted: 29 Feb 2016, 10:03
by aragorn
Please try with;

Code: Select all

.ui-selectoneradio.ui-widget td {
     border: 0 none !important;
}

OR

<p:selectOneRadio id="tipo" layout="responsive" columns="2" >
      <f:selectItem itemLabel="A vista" itemValue="A vista" />
      <f:selectItem itemLabel="Parcelado" itemValue="Parcelado" />  
</p:selectOneRadio>

Re: Remove Border selectOneRadio

Posted: 04 Mar 2016, 14:04
by Jarciano
Perfect thanks!

Re: Remove Border selectOneRadio

Posted: 04 Mar 2016, 15:02
by aragorn
Glad to hear, thanks ;) Fixed for next version.