visible true/false tabs

(0) Share

Report

Posted on by Community Member

Hi, I need help with an specific requirement of my client, maybe someone would can help me.

My client wants a form with a dropdown where he can choose the quantity of floors a building has, and the tabs (where are the text fields with the information of each floor) are repeated for each floor. For example, if I choose "3" in the dropdown, the tab with the text field "kitchen" needs to apears 3 times in the form.

I know that it is posible to do with CRM configurations but the client wants it with javascript, my code is this:

function MostrarSecciones(){

var numnivel = window.parent.Xrm.Page.getAttribute("bln_nrodeniveles").getValue();

switch(numnivel)
{
case 1:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
case 2:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
Xrm.Page.ui.tabs.get("DN2").setVisible(true);
case 3:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
Xrm.Page.ui.tabs.get("DN2").setVisible(true);
Xrm.Page.ui.tabs.get("DN3").setVisible(true);
case 4:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
Xrm.Page.ui.tabs.get("DN2").setVisible(true);
Xrm.Page.ui.tabs.get("DN3").setVisible(true);
Xrm.Page.ui.tabs.get("DN4").setVisible(true);
case 5:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
Xrm.Page.ui.tabs.get("DN2").setVisible(true);
Xrm.Page.ui.tabs.get("DN3").setVisible(true);
Xrm.Page.ui.tabs.get("DN4").setVisible(true);
Xrm.Page.ui.tabs.get("DN5").setVisible(true);
case 6:
Xrm.Page.ui.tabs.get("DN1").setVisible(true);
Xrm.Page.ui.tabs.get("DN2").setVisible(true);
Xrm.Page.ui.tabs.get("DN3").setVisible(true);
Xrm.Page.ui.tabs.get("DN4").setVisible(true);
Xrm.Page.ui.tabs.get("DN5").setVisible(true);
Xrm.Page.ui.tabs.get("DN6").setVisible(true);
}
}

but it is not working and I don't know if the problem is some error in the code or that is not possible to do this in this way, somebody has the solution?

Note: I call my tabs "DN" and the number correspondt.

*This post is locked for comments

I have the same question (0)

All responses (3)

Answers (1)

Suggested answer

M I Mostafa 4,257 on at

Like (0)

Report

Hi Diana,

I would suggest that you don't use JavaScript for this but rather consider using Business Rules to achieve this. You could have a Business Rule that starts with a condition depending on the value in the drop down and then show/hide as required. You could also do this for a whole section. You can have a look at this post for full details:

dynamicscrmpros.com/hiding-section-fields-microsoft-dynamics-crm-2013-using-business-rules

Hope this helps! Please click "yes" if you found this response helpful.

Was this reply helpful? Yes No
Suggested answer

a33ik 84,331 Most Valuable Professional on at

Like (1)

Report

Hello,

1. Change line

var numnivel = window.parent.Xrm.Page.getAttribute("bln_nrodeniveles").getValue();

to line

var numnivel = Xrm.Page.getAttribute("bln_nrodeniveles").getValue();

2. You can replace your switch with following simple lines:

Xrm.Page.ui.tabs.get("DN1").setVisible(numnivel >= 1);

Xrm.Page.ui.tabs.get("DN2").setVisible(numnivel >= 2);

Xrm.Page.ui.tabs.get("DN3").setVisible(numnivel >= 3);

Xrm.Page.ui.tabs.get("DN4").setVisible(numnivel >= 4);

Xrm.Page.ui.tabs.get("DN5").setVisible(numnivel >= 5);

Xrm.Page.ui.tabs.get("DN6").setVisible(numnivel >= 6);

3. Please confirm that your optionset has not only labels from 1 to 6 but values as well are listed from 1 to 6.

Was this reply helpful? Yes No
Verified answer

Community Member on at

Like (0)

Report

Never go with this...

To make the user input scalable, why don't you create a 1:N relationship so that it is more flexible and you can easily expand the input form (in case they want more fields).

Making the subgrid editable will simplify the input process as well.

Was this reply helpful? Yes No