how to set Tab selected value

[goh6613]

hi All,

may i know how can i select a different tab when i click on a button (client click).

example, in my form i got 3 tabs (Tab A, Tab B and Tab C).

in Tab A, if i click on 'Next' button, i want to go to Tab B.

thanks

[emha]

have a look on this  

[goh6613]

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

[emha]

what type of control do you use for tab buttons?

can you post its configuration?

[goh6613]

Hi Marian,

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

thanks

[emha]

I guess you meant "Choice - option buttons", right?

do you render it as radio or buttons.

[goh6613]

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

[goh6613]

Hi All,

please find image below to understand more about my current problem.

thanks

[emha · Accepted solution]

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‌ ‌

[goh6613]

hi Marian,

yes, this is working.

thanks alot