Change NEXT button position of Primefaces WIZARD component

Question

Is there any option to change the position of NEXT button of Primefaces WIZARD component? My wizard started with the following.

<p:wizard flowListener="#{employeeRepositoryImpl.handleFlow}"
showNavBar="true" widgetVar="scheduler" showStepStatus="false">
</p:wizard>

Answer 1

In case css fits you well you can always do some thing like this:

<h:head>
    <script type="text/javascript"> 
        jQuery(document).ready(function($) {
            jQuery('[id$="_next"]').css('right', 200) ;
        });
    </script>
</h:head>

instead of right you can use left , top ... etc , you also can mix couple of them together...

btw , jQuery('[id$="_next"]') is a selector that finds the next button in the page