Remove Border selectOneRadio

Post Reply
User avatar
Jarciano
Posts: 31
Joined: 16 Feb 2016, 13:41
Location: Brasil
Contact:

27 Feb 2016, 22:46

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!
--
Jarciano Silva
CEO - Chief Executive Officer
ajotta | https://ajotta.com

User avatar
aragorn
Posts: 3465
Joined: 29 Jun 2013, 12:38

29 Feb 2016, 10:03

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>

User avatar
Jarciano
Posts: 31
Joined: 16 Feb 2016, 13:41
Location: Brasil
Contact:

04 Mar 2016, 14:04

Perfect thanks!
--
Jarciano Silva
CEO - Chief Executive Officer
ajotta | https://ajotta.com

User avatar
aragorn
Posts: 3465
Joined: 29 Jun 2013, 12:38

04 Mar 2016, 15:02

Glad to hear, thanks ;) Fixed for next version.

Post Reply

Return to “Atlas”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest