Tabs & Javascript
Posted by apawar - May 23 ’14 at 07:30
Hello,
I have 5 tabs in my form design, I would like to disable 4 tabs until the "Assigned To" user changes PromoStatus to "Approved" or "Complete"....
I am using the following JS code, to disable the 4 tabs, however only the last (ie., 1 gets disabled, the others are still enabled, please help
_________________________________________________
function setMerchTab(){
var v =fd.field('PromoStatus').control().value();
if (v=='Approved' || v=='Complete')
{
$('#fd_tabcontrol-0').tabs('option', 'disabled', null); // Enable
} else {
$('#fd_tabcontrol-0').tabs('option', 'disabled', [4]); // Disable
$('#fd_tabcontrol-0').tabs('option', 'disabled', [3]); // Disable
$('#fd_tabcontrol-0').tabs('option', 'disabled', [2]); // Disable
$('#fd_tabcontrol-0').tabs('option', 'disabled', [1]);//Disable
}
}
fd.field('PromoStatus').change(function(){
setMerchTab();
});
setMerchTab();
________________________________________
Thanks
Avi
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
Hello,
You should pass indices of tabs which you wish to disable in a single array:
$('#fd_tabcontrol-0').tabs('option', 'disabled', [1,2,3,4]); // Disable
-
apawarMemberMember for: 9 years 16 days
Thanks, that worked.
-
JHMarkMemberMember for: 10 years 23 days
[#2]: What if requirement is as follows:
If answer question A is "No", then disable tab A
If answer question B is "No", then disable tab B
If answer question C is 'No", then disable tab C
Then for answer "Yes", enable the corresponding tab.
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#3]: Please, find a sample in the following thread:
http://forum.spform.com/forms-designer-for-sharepoint-20/expand-accordion-25187/#msg5
-
Terry TangMemberMember for: 8 years 2 months 13 days
Hi,
I have an issue in regards to disabling tabs. The disable works if the tab was not selected, only issue is if I selected tab then do a filter change, the tab doesn't disable at all.
Is this a known issue, and is there a solution where it removes the selection or places it on a default tab selection?
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#5]: First, you should switch a tab:
$('#fd_tabcontrol-0').tabs('option', 'selected', 0);
Then disable an inactive tab:
$('#fd_tabcontrol-0').tabs('option', 'disabled', [1]);
-
JoseAdam11MemberMember for: 6 months 11 days
"Tab" is a rebuttal. "They are indent-only characters. Developers with essay typer different indent size settings can change the look of the code without changing the code.
-
marylewinMemberMember for: 6 months 2 days
Do you know about Chemistry Assignment Help? there are many assignments service provider. If you need any type of assignment help then you can visit this site BookMyEssay which is on the top these days.
-
tommyMemberMember for: 4 months 21 days
[#5]:
Yes, this is a known issue. The best way to address this is to use JavaScript to reset the tab selection when a filter is changed. You can use a combination of the onchange event and the JavaScript setAttribute() method to reset the tab selection to a default tab when the filter is changed. Here is an example: document.getElementById('filter').onchange = function() { document.getElementById('tab1').setAttribute('selected', true); }; For any kind of information you can also contact me. I will do my best to guide you.
-
tommyMemberMember for: 4 months 21 days
Show more messages