Skip to main content

I have 4 different choice controls Network devices, Printers, AS, Internet Connections (showing as tabs) to show 4  panels with hide control rules. The idea is when a choice is selected to automatically uncheck the other 3 so we only have one panel showing at the time. Any help if someone had a similar scenario. 

Can't seem to get it to work.

17283i6C7A98D6F4403A81.png

NWF$(document).ready(function()
{
var choice = NWF$("#" +Tab1);
choice.change(function()
{
NWF$("#" + Tab2 ).prop("checked",false);
NWF$("#" + Tab3 ).prop("checked",false);
NWF$("#" + Tab4 ).prop("checked",false);
} );
} );

 

Hey,



 



maybe something like this?



 



https://community.nintex.com/t5/Nintex-for-SharePoint-Forum/Create-Tab-like-functionality-on-your-Nintex-Forms/td-p/85079



 



 


Thank you for the suggestion @Aleximo , however it is not what I was looking for.
I was able to solve it with the following script



NWF$(document).ready(function () {
var checkedno= NWF$("#" + Tab1);
checkedno.change(function(){
NWF$('#'+Tab2).prop('checked', false)
});
});


NWF$('#' + Tab1).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab2).change(function(){
NWF$('#' + Tab1 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab3).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab1 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab4).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab1 + ' input').prop('checked',false);
});

Reply