Solved

Form: Select a different "TAB" choice, when I click on a JavaScript button "NEXT" or "PREVIOUS"

  • 14 June 2022
  • 2 replies
  • 179 views

Hi world!

I hope you enlighten me with some ideas why I cannot make this "Next" custom button in Nintex form to work.

I have 2 tabs and a Next JavaScript button. When I click the Next button it should go to the next tab. 


 23555iBF8FECC3D2BB72B3.png

 

In the "Next" button I added, under Advance -- > Client Click: showTab()

23556iC41D6C85256A14F9.png

 

In the Choice Control Setting I added, under Advance -- > Client ID JavaScript Variable Name: varTabButtons

 

23551iAE3DB5E8A1447F28.png

In the Form Setting I added, under Custom JavaScript:

NWF.FormFiller.Events.RegisterAfterReady(function () {
function showTab(sectionid){
var tabControlButtons = NWF$('#' + varTabButtons);
NWF$(tabControlButtons.find('label')[sectionid]).click();} ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
});

Also tried this JavaScript code:

function showTab(sectionid){
var rad = NWF$('#' + varTabButtons);
NWF$(rad.find('label')[sectionid]).click();} ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

 

23552i829B8AC667FFE3C2.png


The code above I did find it in the Nintex community site, but none of it worked at all. I get the following error:
Uncaught ReferenceError: showTab is not defined or Uncaught SyntaxError:: Invalid or unexpected token.
 

23554iCA936B0806E4F171.png

 

Thanks 🙂
 

Cheers.
 

I.

icon

Best answer by cecilia-penha 15 June 2022, 20:08

View original

2 replies

Userlevel 3
Badge +8

Hi @Ildsborg ,


 


You should pass the parameter sectionId when calling the function showTab() in the Client Click setting of the button Next. The function showTab is not defined without parameter.


 


Give it a try with showTab(1) instead of showTab().


 


Let me know if it helps. ^^

Thank you @cecilia-penha, it did the trick!

Reply