Primefaces wizard with showNavBar=“false”

Question

I have remove primefaces Wizard default Next/Back button by adding the attribute showNavBar="false" and added my own button

<p:wizard style="border:0" showNavBar="false" widgetVar="terminationWizard">
 ........
 ........
 ........
</p:wizard>



    <div class="divTableFooter" align="right" id="footerDivfilter2" style="width: 98.00%;">
      <p:commandButton   value="Back" onclick="PF('terminationWizard').back()" />
      <p:commandButton  value="Next" onclick="PF('terminationWizard').next();" />
    </div>

Now how to Hide/show this buttons when user is first or last tab.

Using Primefaces5.3

Answer 1

You can add to your wizard a handling for enabling and disabling the buttons similar to

<p:wizard widgetVar"wizard"
 onback="if (PF('wizard').getStepIndex(PF('wizard').currentStep) === 1) { PF('stepBackward').disable(); } PF('stepForward').enable();"
 onnext="if (PF('wizard').getStepIndex(PF('wizard').currentStep) === 2) { PF('stepForward').disable(); } PF('stepBackward').enable();"

Where the buttons are named stepBackward and stepForward respectively and there are 4 tabs in the wizard (zero-based but the callbacks will be executed before the new tab index is set).