Wicket CheckBoxMultipleChoice

Question

Comment changer le style CSS de Rendered html de CheckBoxMultipleChoice? CheckBoxMultipleChoice rend cette sortie html par défaut, mais je veux changer de style css de cette sortie rendu

<div class="ca-info__cat-roles js-roles-1 expanded" wicket:id="categories" id="categoriesb"> 
    <input name="categories" type="checkbox" value="819" id="categoriesb categories_819"> 
    <label for="categoriesb-categories_819">index&gt;root&gt;CategoryCatalog.png&gt;9</label> 
    <input name="categories" type="checkbox" value="829" id="categoriesb-categories_829"> 
    <label for="categoriesb-categories_829">index&gt;root&gt;tv.png&gt;9</label> 
</div> 

Je souhaite modifier les styles des entrées et des étiquettes, mais je ne sais pas comment le faire avec CheckBoxMultipleChoice.

Answer 1

Je l'ai fait de cette façon. Il y a deux façons

1. Ajouter CSS dans la page html elle-même. inside style tag ajoutez votre style comme ci-dessous mais cela affectera l'autre composant si vous avez le même style.

   .ca-info__cat-roles js-roles-1.expanded label{ 
       // Your style for label 
   }  
   .ca-info__cat-roles js-roles-1.expanded input{ 
       // Your style for input 
   } 
   

2.Another façon, vous pouvez override#appendHtml et d'en tirer votre propre style case à cocher (par exemple) buffer.append("class=\"yourStyleclass\"");.

Answer 2

En plus d'utiliser des méthodes, comme CSS personnalisé pour vous composant, vous devez utiliser setSuffix() et setPrefix(): ce

checkboxes = new CheckBoxMultipleChoice<>("checkboxes", value); 
checkboxes.setSuffix("<br/>");