PrimeFaces selectManyCheckbox doesn't generate ui classes

[alex47]

Other elements in the project work(ui classes are present), like p:tree, p:calendar; but selectManyCheckbox doesn't. The theme is in place, all configured like in the specs.

It is getting frustrating, any thoughts? Much appreciated!

[alex47]

I use version 3.2

This is the output html

Code: Select all

<fieldset>
	<label><span class="filter-criteria-label">Catégories
			principales: </span></label>
	<div data-role="fieldcontain" id="dtUserList:selectRoles">
		<fieldset data-role="controlgroup">
			<input type="checkbox" checked="checked" value="CLIENT"
				name="dtUserList:selectRoles" id="dtUserList:selectRoles:0"><label
				for="dtUserList:selectRoles:0">Grand public</label><input
				type="checkbox" checked="checked" value="REFERRANT_ENTREPRISE"
				name="dtUserList:selectRoles" id="dtUserList:selectRoles:1"><label
				for="dtUserList:selectRoles:1">Référent</label><input
				type="checkbox" value="CLIENT_ENTREPRISE"
				name="dtUserList:selectRoles" id="dtUserList:selectRoles:2"><label
				for="dtUserList:selectRoles:2">Entreprise</label><input
				type="checkbox" value="EXPLOITANT" name="dtUserList:selectRoles"
				id="dtUserList:selectRoles:3"><label
				for="dtUserList:selectRoles:3">Exploitant</label><input
				type="checkbox" value="PRESTATAIRE"
				name="dtUserList:selectRoles" id="dtUserList:selectRoles:4"><label
				for="dtUserList:selectRoles:4">Prestataire</label><input
				type="checkbox" value="CALL_CENTER"
				name="dtUserList:selectRoles" id="dtUserList:selectRoles:5"><label
				for="dtUserList:selectRoles:5">Callcenter</label><input
				type="checkbox" value="REGISSEUR" name="dtUserList:selectRoles"
				id="dtUserList:selectRoles:6"><label
				for="dtUserList:selectRoles:6">Regisseur</label>
		</fieldset>
	</div>
</fieldset>

This is how it should look (taken from PF showcase):

Code: Select all

<table class="ui-selectmanycheckbox ui-widget" id="form:horizontal">
	<tbody>
		<tr>
			<td><div class="ui-chkbox ui-widget">
					<div class="ui-helper-hidden-accessible">
						<input type="checkbox" value="Option 1" name="form:horizontal"
							id="form:horizontal:0">
					</div>
					<div
						class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
						<span class="ui-chkbox-icon ui-c"></span>
					</div>
				</div></td>
			<td><label for="form:horizontal:0">Option 1</label></td>
			<td><div class="ui-chkbox ui-widget">
					<div class="ui-helper-hidden-accessible">
						<input type="checkbox" value="Option 2" name="form:horizontal"
							id="form:horizontal:1">
					</div>
					<div
						class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
						<span class="ui-chkbox-icon ui-c"></span>
					</div>
				</div></td>
			<td><label for="form:horizontal:1">Option 2</label></td>
			<td><div class="ui-chkbox ui-widget">
					<div class="ui-helper-hidden-accessible">
						<input type="checkbox" value="Option 3" name="form:horizontal"
							id="form:horizontal:2">
					</div>
					<div
						class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
						<span class="ui-chkbox-icon ui-c"></span>
					</div>
				</div></td>
			<td><label for="form:horizontal:2">Option 3</label></td>
		</tr>
	</tbody>
</table>

[alex47]

SOLVED!
I had "<application><default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id></application>" in my faces-config.xml. I removed it and now it renders right.