Hiding /disabling a single tab from tabbed options.

  • 28 June 2021
  • 2 replies
  • 32 views

Badge +2

Hi Friends,

I have no idea about Javascript. But I need it to add in my nintex form. Can any one please guide me?

Scenario: I have four tabs on the Nintex form where I want to hide 3 tabs on start form and display only one tab 

How do I use javascript to do this ?

18490iFAF233A3B35ED973.png

 


2 replies

Userlevel 3
Badge +12

Hi Dolly, How did you design the tabbed layout in the Nintex form? And have you tried Rules to hide/show the tabs?

Badge +2
Hi
Thank you for getting back to me.
Yes I used just a choice control to show as tabbed options on the form.
Just to give you an overview:
so here I have different panels to show or hide when user go for new request, extension, amend or cancellation.
Here we have the requirement such that the user can allow to apply for extension or amendment or cancellation only after new request approved.
and I would like to hide all the three tabs Extension, Amendment, Cancellation when the stage is at "New request"
Below is the code I tried.
NWF$(document).ready(function()
{ var Query = NWF$('#' + jsstagectrl).val();
if(Query=="New Request")
{
NWF$('#'+jsTabbuttons).find('input[value='New request']').attr('checked', 'checked');

NWF$('#'+jsTabbuttons).find('input[value='Extension']').hide();
NWF$('#'+jsTabbuttons).find('input[value='Amendment']').hide();
NWF$('#'+jsTabbuttons).find('input[value='Cancellation']').hide();
}
});
But its not working as required and I am not sure where I am going wrong.
Can you please show me the way?

Reply