Show/Hide Tab with Java Script

(0) Share

Report

Posted on by Neil Renwick

Hi,

I've been trying to write some Java Script to show/hide a tab within the opportunity form using information online and reviewing other posts within the forum. On our form is a tick box field called 'TV' (wi_tv). When the field is ticked I would like the form to display a subgrid tab called 'TV Revenue' and when unticked the tab should not be visible. I've removed the 'Visible by default' tick from the TV Revenue tab and tried applying the below script, however when the form loads I get an error saying 'Object doesn't support property of method 'getvalue''.

function HideTVRevenueTabOnLoad() {
    if(Xrm.Page.getAttribute("wi_tv").getvalue() ==1)
{
Xrm.Page.ui.tabs.get("TV Revenue").setVisible(true);
}
else {
Xrm.Page.ui.tabs.get("TV Revenue").setVisible(false);
   }
}

I'm a complete novice with Java Script so no doubt I've made a rookie mistake somewhere in the script but having made several tweaks and changes to it I'm unsure where I'm going wrong. Any advice would be greatly appreciated.

*This post is locked for comments

I have the same question (0)

All responses (10)

Answers (3)

Community Member on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

hi,

use this code

function HideTVRevenueTabOnLoad()

{

var a = Xrm.Page.getAttribute("wi_tv").getvalue();

if(a==1)

{

Xrm.Page.ui.tabs.get("TV Revenue").setVisible(true);

}

else

{

Xrm.Page.ui.tabs.get("TV Revenue").setVisible(false);

}

}

use this code on change of check box

Regards,

Nithin

Was this reply helpful? Yes No
Verified answer

Wouter Madou 3,392 on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

Make sure you got the != null as well.

Checkbox is default null instead of 0

Was this reply helpful? Yes No
Verified answer

Community Member on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

please use schema name of tab

function hideshow(){

var a1 = Xrm.Page.getAttribute("new_typeofclaim").getValue();

if(a1 != null){

if(a1 == 100000000){

Xrm.Page.ui.tabs.get("tab1").setVisible(true);

}

else{

Xrm.Page.ui.tabs.get("tab1").setVisible(false);

}

}else

{

Xrm.Page.ui.tabs.get("tab1").setVisible(false);

}

}

Regards,

Nithin

Was this reply helpful? Yes No
Verified answer

Jeroen Pasman on at

Like (1)

Report

RE: Show/Hide Tab with Java Script

Javascript functions are case sensitive and I see you are calling getvalue(), this should be getValue()

Was this reply helpful? Yes No
Neil Renwick 70 on at

Like (1)

Report

RE: Show/Hide Tab with Java Script

Thanks for the info Wouter

Was this reply helpful? Yes No
Neil Renwick 70 on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

Thanks so much Nithin, code is working perfectly

Was this reply helpful? Yes No
Neil Renwick 70 on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

Good to know Jeroen, will watch out for this in future

Was this reply helpful? Yes No
Suggested answer

Saddamk206 777 on at

Like (1)

Report

RE: Show/Hide Tab with Java Script

it is not possible by Business Rules. You can use javascript for hide and show

//Hide the tab

Xrm.Page.ui.tabs.get("TabName").setVisible(false);

//Show the tab

Xrm.Page.ui.tabs.get("TabName").setVisible(true);

Was this reply helpful? Yes No
Sagar Ingale 10 on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

You can use the below function. Make sure there is NO " " (space) while giving tab name.

function functionName()

{

var Value= Xrm.Page.getAttribute('TwoOptionSetSchemaName').getText();

if(Value=="Yes")

{

Xrm.Page.ui.tabs.get("tab_17").setVisible(true);

}

else

{

Xrm.Page.ui.tabs.get("tab_17").setVisible(false);

}

}

Was this reply helpful? Yes No
CBMavic 30 on at

Like (0)

Report

RE: Show/Hide Tab with Java Script

I like this idea, just not sure how you would add this method, since there is no tab functionality in business rules

Was this reply helpful? Yes No