how to set Tab selected value

hi Marian,

its not fully working, the panel of the desired tab show correctly but the option button still remain as the old selection.

eg.

By default Section A is selected, when i click on 'Next' button, the panel changed to Section B's panel. but the selection on the option buttons still remain as Section A instead of Section B. Do you have any suggestion ?

here is my javascript function

function showtab(sectionid){ var rad = NWF$('#' + Section);
rad.find('input')[sectionid].checked = true;
NWF.FormFiller.Functions.ProcessOnChange(rad);
} 

Thanks

Hi Marian,

i am using “checkbox - option buttons” in the nontex form.

thanks

Yes Marian, i render as buttons.

but default, Section A is selected ('the background changed to white color, other tabs is grey'.)

and when i click on next button using the javascript function above, the panel of the tab show correctly, but the selected tab still remain as Section A (it supposed changed to Section B as well).

thanks

then try following code

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

‌ option buttons‌ rendered as buttons‌ ‌ ‌ tab like functionality‌ ‌

Hi Marian,

I have a similar problem with 3 tabs and a "Next Section" JavaScript Button that should activate the next tab.

Is your code above intended to be entered in the Client Click section of the button? Can you explain sectionid and section in a bit more detail? My Tabs are storing their Client ID in a JavaScript variable named varFormTabs. How is this variable used in your code?

Thanks for your help!

Best regards,

Harald

Hi Marian,

thank you for your answer. I am still facing some issues setting it up.

I inserted the function into the custom JavaScrip section of the form settings as follows:

function showtab(varFormTabs){
    var rad = NWF$('#' + Section);     
    NWF$(rad.find('label')[varFormTabs]).click();
}

And then I am calling the function from the Client click section of the JavaScript button as follows:

showtab()

But when I test it after publishing the form, the form just reloads and displays the default panel - which is an indicator for an error in the JavaScript. I don't have a lot of experience with JavaScript. Could you help me getting this to work?

Thanks a lot!

Harald

Thanks this was super helpful. My tab button had a forward slash/special character in it ("/") and would not work on load out of the box (had it working fine with other labels).

Here's my example which works on page load (added into a JS file in the style library so I can easily debug it, and then added into the custom JS includes), hopefully adds some more context for people.

NWF.FormFiller.Events.RegisterAfterReady(function () {
      var tabControlButtons = NWF$('#' + tabButtons); // tabButtons = the clientID I gave my tab control
      NWF$(tabControlButtons.find('label')[0]).click(); // leave label, this is looking for all HTML labels produced by the Nintex form inside the tab control, in this case the labels are our choices that we put into the tab control. The index after it then selects which label you want out of the number of options you put on your control, in my case I wanted to load the first tab by default on load.
});