Customer experience | Sales, Customer Insights,...

Hide form field based on selection on previous tab selection on a form

(0) Share

Report

Posted on by ahilisa

I have an entity form with multiple tabs that are accessed using the next button. The jQuery code I have created works if the field is on the same tab but it is not working when it's assigned to a field on a different tab. The question is "if question 11 (current tab) dropdown select is selected as no then hide question 19 (next tab)" othewise show question 19.

This is my code, which works fine if the questions are to be seen/hidden are on the same tab. Any solutions?

//if Q11 = No hide Q19
$(document).ready(function() {

  $("#ahitask_brop04seccq11").change(SetFieldsVisibilityQ11b);
  $("#ahitask_brop04seccq11").change();
});

function SetFieldsVisibilityQ11b() {
  var selectedValue = $("#ahitask_brop04seccq11").val();

  if (selectedValue == "352230001")
  {
    $("#ahitask_brop05secdq19_label").closest("tr").hide();
    $("#ahitask_brop05secdq19").prop("required",false).closest("tr").hide();
  }
  else
  {
    $("#ahitask_brop05secdq19_label").closest("tr").show();
    $("#ahitask_brop05secdq19").prop("required",true).closest("tr").show();
  }
}

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Kokulan 18,054 on at

Like (0)

Report

Hi

Your script seems to access dom elements directly and it is not a supported way of hiding/showing fields or tabs.

Please use the Dynamics 365 client-side libraries to show/hide fields or tabs.

Since you are using Dynamics 365 Online, I would recommend you use formcontext.getControl to get hold of the attribute and then use setVisible function to hide or show. Please see below

Please visit the links below to know more about out of the box client-side libraries

docs.microsoft.com/.../clientapi-form-context

You can get get the formcontext using the following line

var formContext = executionContext.getFormContext(); // get formContext

Please refer to the link below to know more about passing execution context

carldesouza.com/.../

Once you got the formcontext, you can show / hide fields, tabs or sections as shown below

To show/hide a field : formContext.getControl("fieldname").setVisible(true / false); // true or false to hide or show

To show/hide a tab : formContext.ui.tabs.get(tabName).setVisible(true/false)

To show/hide a section : formContext.ui.tabs.get(tabName).sections.get(sectionName).setVisible(true/false);

To hide/show a field in a particular section in a tab : formContext.ui.tabs.get(tabName).sections.get(sectionName).controls.get("fieldname").setVisible(true/false)

Please note that you do not need any additional javascript libraries to do this.

Some useful links

docs.microsoft.com/.../formcontext-ui-tabs

docs.microsoft.com/.../controls

Hope this helps

Was this reply helpful? Yes No
Suggested answer

Johao Larios 1,795 on at

Like (0)

Report

Hello there,

As mentioned by Kokulan, your script is using not supported methods. docs.microsoft.com/.../customizations-supported

You should be using the formContext to interact with the form. docs.microsoft.com/.../clientapi-form-context

Our recommendation is re-factor your code to use supported ways to interact with the form, kokulan has provided the functions needed for your requirement.

Was this reply helpful? Yes No

Join the conversation

Community site session details

Hide form field based on selection on previous tab selection on a form

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates

Community site session details

Hide form field based on selection on previous tab selection on a form

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates