Mudando estilo para cada item de um form type choice

31 views
Skip to first unread message

Cassiano Tartari

unread,
Mar 8, 2013, 7:57:08 AM3/8/13
to symfony-pt
Bom dia pessoal,

   Alguém sabe como posso acessar via CSS cada item de uma listagem feita usando um o tipo choice? Tenho 3 itens exibidos com radio button ('multiple' => false, 'expanded' => true). Porém quando vou olhar o HTML gerado não vejo como acessar individualmente cada item dessa listagem. Preciso trocar a cor de cada um dos 3 itens gerados para verde, amarelo e vermelho. Teria como eu fazer com o jQuery, mas queria uma solução mais elegante...

O máximo que consegui é atribuir uma class pro label, mas não pra cada label da listagem...

                ->add('acesso', 'choice', array(
                    'choices' => Acessos::getTiposList(),
                    'required' => true,
                    'multiple' => false,
                    'expanded' => true,
                    'attr'     => array('class' => 'classe-teste'),
                    'label_attr'=> array('class' => 'classe-teste2')
                ))



Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code

Rafael Goulart

unread,
Mar 8, 2013, 8:17:51 AM3/8/13
to symfo...@googlegroups.com
Você não consegue com o seletor algo tipo:

input[for=blaba] {}

[]'s
Rafael Goulart?

--
Você está recebendo esta mensagem porque se inscreveu no grupo "Symfony Brasil" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para symfony-pt+...@googlegroups.com.
Para postar neste grupo, envie um e-mail para symfo...@googlegroups.com.
Visite este grupo em http://groups.google.com/group/symfony-pt?hl=pt-BR.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

ciro vargas

unread,
Mar 8, 2013, 8:23:21 AM3/8/13
to symfo...@googlegroups.com

input[type=radio]:nth-child(1)  //primeiro
input[type=radio]:nth-child(2) //segundo
input[type=radio]:nth-child(3)//terceiro
 
 
 
___
Att. Ciro vargas
Desenvolvedor Web/Mobile
Skype: ciro.vargas
Tel.: +55 61 9211 7117


De: Rafael Goulart <rafa...@gmail.com>
Para: symfo...@googlegroups.com
Enviadas: Sexta-feira, 8 de Março de 2013 10:17
Assunto: Re: [symfony-pt] Mudando estilo para cada item de um form type choice

Cassiano Tartari

unread,
Mar 8, 2013, 8:24:59 AM3/8/13
to symfony-pt
Não... pelo menos eu acho que não ... o html que gera

<ul id="s5139e576cdc8b_acesso" class="unstyled">
    <li>
        <label>
            <input id="s5139e576cdc8b_acesso_0" type="radio" checked="checked" value="0" required="required" name="s5139e576cdc8b[acesso]">
            <span> Liberado </span>
        </label>
    </li>
    <li>
        <label>
            <input id="s5139e576cdc8b_acesso_1" type="radio" value="1" required="required" name="s5139e576cdc8b[acesso]">
            <span> Restrito </span>
        </label>
    </li>
    <li>
        <label>
            <input id="s5139e576cdc8b_acesso_2" type="radio" value="2" required="required" name="s5139e576cdc8b[acesso]">
            <span> ... </span>
        </label>
    </li>
</ul>


Acho que vou fazer o injambra com jquery mesmo... :(


Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code


2013/3/8 Rafael Goulart <rafa...@gmail.com>

Cassiano Tartari

unread,
Mar 8, 2013, 8:25:29 AM3/8/13
to symfony-pt
bá... Ciro, essa eu não sabia!!! testando agora!!! vamos ver

Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code


2013/3/8 Cassiano Tartari <cassian...@gmail.com>

Cassiano Tartari

unread,
Mar 8, 2013, 8:34:51 AM3/8/13
to symfony-pt
Valeu Ciro!

Fiz assim:

.acesso-radio li:nth-child(1){
    color: green
}


daí na symfony coloquei a classa pra ul assim:
'attr'     => array('class' => 'acesso-radio'),

Raphael

unread,
Mar 8, 2013, 8:55:32 AM3/8/13
to symfo...@googlegroups.com
só lembrando do nosso amigo IE




--
Raphael Almeida Araújo
Homepage: http://sites.google.com/site/raphoxaraujo

Cassiano Tartari

unread,
Mar 8, 2013, 9:03:13 AM3/8/13
to symfony-pt
Mais alguma ideia pra esse html?

Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code


2013/3/8 Raphael <raphox...@gmail.com>

ciro vargas

unread,
Mar 8, 2013, 9:22:06 AM3/8/13
to symfo...@googlegroups.com
Não era só isso que você queria?
 
 
 
___
Att. Ciro vargas
Desenvolvedor Web/Mobile
Skype: ciro.vargas
Tel.: +55 61 9211 7117


De: Cassiano Tartari <cassian...@gmail.com>
Para: symfony-pt <symfo...@googlegroups.com>
Enviadas: Sexta-feira, 8 de Março de 2013 11:03

Assunto: Re: [symfony-pt] Mudando estilo para cada item de um form type choice

Cassiano Tartari

unread,
Mar 8, 2013, 9:25:23 AM3/8/13
to symfony-pt
Ciro, só por causa da compatibilidade entre navegadores...

Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code


2013/3/8 ciro vargas <cirob...@yahoo.com.br>

Rafael Goulart

unread,
Mar 8, 2013, 9:29:34 AM3/8/13
to symfo...@googlegroups.com
Valeu, guri, era isto que eu queria me referir mas não deu tempo de pesquisar!

[]'s
Rafael

Raphael

unread,
Mar 8, 2013, 9:29:30 AM3/8/13
to symfo...@googlegroups.com
tem algumas alternativas como http://selectivizr.com/

Mas você pode setar classes utilizando o próprio Jquery mesmo. O selector do Jquery funcionam na maioria dos navegadores.

2013/3/8 Cassiano Tartari <cassian...@gmail.com>

Ricardo Garcia

unread,
Mar 8, 2013, 9:30:27 AM3/8/13
to symfo...@googlegroups.com

Cassiano Tartari

unread,
Mar 8, 2013, 9:41:05 AM3/8/13
to symfony-pt
Muito obrigado pelas dicas pessoal!

Ricardo, estou usando o Sonata Admin, até pensei em mudar o twig de renderização do campo, mas iria me dar muito trabalho, já que está tudo dentro de laços, e no sonata existem milhões de twigs... Até nem sei se esse 'choice' ele pega no symfony mesmo ou é extendido em algum twig.

Raphael, vou usar o jQuery mesmo, não queria mas vou, só percorre a classe com um "each" e setar a cor com "css('color', 'cor')"


Cassiano Valle Tartari
MSc. Computer Engineer

Tel: +55.48.84474818
Email: fal...@cassianotartari.eng.br
Site: http://www.cassianotartari.eng.br

QR Code


2013/3/8 Ricardo Garcia <ric...@gmail.com>

ciro vargas

unread,
Mar 8, 2013, 9:49:25 AM3/8/13
to symfo...@googlegroups.com
voce pode por uma classe geral

usar last e first child
 
 
 
___
Att. Ciro vargas
Desenvolvedor Web/Mobile
Skype: ciro.vargas
Tel.: +55 61 9211 7117


De: Cassiano Tartari <cassian...@gmail.com>
Para: symfony-pt <symfo...@googlegroups.com>
Enviadas: Sexta-feira, 8 de Março de 2013 11:41
Reply all
Reply to author
Forward
0 new messages