Prime Community Forum

Posted: **04 Aug 2011, 16:19**

Hi,

I'm using DataTable with attribute
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
and the navigation icons are left with a strange appearance, without definition, and all together.

Someone could tell me how to solve?

JSF 2.0, PrimeFaces 2.2.1 TomCat 7, Eclipse Helios, locale BR (Brazil).

Code from Firebug :

Code: Select all

<div id="cadUsuarios:j_idt20_paginatortop" class="ui-paginator ui-paginator-top ui-widget-header" style="">
<span id="yui-pg0-0-page-report" class="ui-paginator-current">(1 of 2)</span>
<span id="yui-pg0-0-first-span" class="ui-paginator-first ui-state-default ui-corner-all ui-state-disabled">
<span class="ui-icon ui-icon-seek-first">First</span>
</span>
<span id="yui-pg0-0-prev-span" class="ui-paginator-previous ui-state-default ui-corner-all ui-state-disabled">
<span class="ui-icon ui-icon-seek-prev">Prev</span>
</span>
<span id="yui-pg0-0-pages" class="ui-paginator-pages">
<span class="ui-paginator-page ui-state-default ui-corner-all ui-paginator-current-page ui-state-active">1</span>
<a class="ui-paginator-page ui-state-default ui-corner-all" page="2" href="#">2</a>
</span>
<a id="yui-pg0-0-next-link" class="ui-paginator-next ui-state-default ui-corner-all" href="#">
<span class="ui-icon ui-icon-seek-next">Next</span>
</a>
<a id="yui-pg0-0-last-link" class="ui-paginator-last ui-state-default ui-corner-all" href="#">
<span class="ui-icon ui-icon-seek-end">Last</span>
</a>
<select id="yui-pg0-0-rpp" class="ui-paginator-rpp-options" title="Rows per page">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
</select>
</div>

Tks

Prime Community Forum

DataTable paginatorTemplate with strange icons navigation.

DataTable paginatorTemplate with strange icons navigation.