Comment configurer la <td> largeur h: selectOneRadio

http://www.jsftoolbox.com/documentation/help/12-TagReference/html/h_selectOneRadio.html Comment configurer la <td> largeur h: selectOneRadio

Comment régler la largeur h: selectOneRadio en utilisant l'attribut styleClass, je voudrais appliquer une largeur similaire pour tous les éléments dans le groupe de boutons radio ci-dessus.

Source

2010-02-18 Sam

Ouvrir la page JSF dans le navigateur, et choisissez rightclick * Afficher la source *, et ouvrez vos yeux. C'est tout simplement HTML vanille! Vous pouvez simplement baser votre CSS sur cela. Le 'h: selectOneRadio' rend en effet (comme documenté ...) un'

'. Il vous suffit de styler les éléments '

'. – BalusC

Je n'étais pas sûr de la façon d'appliquer le style aux boutons pour cette classe de style seul. Si je le savais, je ne poserais pas la question;) – Sam

Répondre

Imaginez que vous avez ce genre de code:

<h:form id="foo"> 
    <h:selectOneRadio id="bar" value="#{...}"> 
     ... 
    </h:selectOneRadio> 
    ...

Ensuite, dans votre CSS, vous pouvez essayer de le faire:

table#foo\:bar > td { 
    width: 42px; 
}

table#foo\:bar > tr > td { 
    width: 42px; 
}

table#foo\:bar td { 
    width: 42px; 
}

(je ne me souviens pas exactement comment la relation parent dans le travail CSS, c'est pourquoi je suggère ces trois exemples)

En CSS, cela signifie affectent une largeur de 42px à tous les éléments <td> qui ont un parent <tr>, qui ont un parent <table> avec l'ID foo:bar

Source

2010-02-18 11:32:45 romaintaz

Le signe ':' est en effet un identifiant illégal en CSS. Vous devez y échapper par backslash, c'est-à-dire 'table # foo \: bar'. – BalusC

@BalusC Vous avez totalement raison. Je me souviens que je l'ai utilisé il y a plus d'un an parce que j'ai rencontré ce problème;) – romaintaz

merci pour la réponse détaillée – Sam

Questions connexes