Wicket CheckBoxMultipleChoice

Question

Wie zu ändern CSS-Stil der gerenderten HTML von CheckBoxMultipleChoice? CheckBoxMultipleChoice macht diese HTML-Ausgabe standardmäßig, aber ich mag CSS Stil dieser gerenderte Ausgabe ändern

<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> 

Ich mag Arten von Eingaben und Etiketten ändern, aber ich weiß nicht, wie es mit CheckBoxMultipleChoice zu tun.

Answer 1

Ich habe diesen Weg gemacht. Es gibt zwei Möglichkeiten

1. Fügen Sie CSS in html Seite selbst hinzu. Innerhalb von style Tags fügen Sie Ihren Stil wie unten hinzu, aber dies wird andere Komponente beeinflussen, wenn Sie den gleichen Stil haben.

   .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 Art und Weise Sie override#appendHtml können und Ihren eigenen Stil für das Kontrollkästchen (z) buffer.append("class=\"yourStyleclass\""); abzuleiten.

Answer 2

Neben kundenspezifischen CSS für Sie Komponente zu verwenden, die Sie verwenden müssen, um setSuffix() und setPrefix() -Methoden, wie folgt aus:

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