cancel
Showing results for 
Search instead for 
Did you mean: 
Workflow Hero

how to set Tab selected value

Jump to solution

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

Labels: (2)
0 Kudos
Reply
14 Replies
Workflow Hero

Re: how to set Tab selected value

Jump to solution

have a look on this  

Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

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

0 Kudos
Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

what type of control do you use for tab buttons?

can you post its configuration?

0 Kudos
Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

Hi Marian,

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

thanks

0 Kudos
Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

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

do you render it as radio or buttons.

Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

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

0 Kudos
Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

Hi All,

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

thanks

0 Kudos
Reply
Workflow Hero

Re: how to set Tab selected value

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

Reply
Workflow Hero

Re: how to set Tab selected value

Jump to solution

hi Marian,

yes, this is working.

thanks alot

Reply