Portal: Hide Or Disable Field based on other fields value

(1) Share

Report

Posted on by JO-30091535-0

238

Hi,

Im trying to hide or disable a field on Portal, but i cant figure it out. I've tried the two JS below and added it to the Entity Form. I also as a test, added it in 3 places, the Entity Form, Web Page, and using the Front-Side editor (not sure which is the preferred method). No luck.

Its a custom entity. Lets assume the field names are new_field1 an new_field2. I want to hide new_field2 if new_field1 is null

$(document).ready(function() {

  $("#new_field2").change(SetFieldsVisibility);
  $("#new_field2").change();
});

function SetFieldsVisibility() {
  var Field1 = $("#new_field1").val();

  if (Field1 === null)
  {
    $("#new_field2").closest("tr").hide();
  }
  else
  {
    $("#new_field2").closest("tr").show();
  }
}

function setFieldDisplay(new_field1, new_field2) {
   if (new_field1 == null) {
       $("#" + new_field2).closest("tr").show()
   }
   else if (new_field1 !== null) {
       $("#" + new_field2).closest("tr").hide()
   }

}

*This post is locked for comments

I have the same question (0)

All responses (10)

Answers (0)

Suggested answer

Kokulan 18,054 on at

Like (0)

Report

Hi

Have a look at this link and see if this helps to get your code working

community.dynamics.com/.../299169

Was this reply helpful? Yes No
Suggested answer

Justinjose 2,707 on at

Like (0)

Report
Hi JoeO,

Following code works on create case form. Can you try something like this on portal form.

$(document).ready(function () { console.log("ready!"); $("#title").change(function () { alert($("#title").val()); if ($("#title").val() === null || $("#title").val() === "") { $("#description").hide(); } else { $("#description").show(); } }); });

Thanks

Justin Jose

Was this reply helpful? Yes No
Mahendar Pal 45,095 on at

Like (0)

Report

Easy option is to first test your code on browser console to make sure your fields are hidden or not, you can't use full code but you can check with few line of code, once you are good you can use it any place entityform, web page etc

Was this reply helpful? Yes No
Suggested answer

RaviKashyap 55,410 Moderator on at

Like (0)

Report

Hi,

The code to retrieve the value from a field also depend upon the type of field i.e. is it a check box, radio button , dropdown etc. And also once the value is retrieved you need to compare it with the value it can return i.e. null, undefined, integer etc.

In general the code you have shared should work but will agree with Mahen's suggestion that you should furst test the values in browser console.

Are you trying to create a general helper liabrary?

Hope this helps.

Was this reply helpful? Yes No
JO-30091535-0 238 on at

Like (0)

Report
The following worked for me. Really posting for my own (or anyone elses) reference. If the field "Field-To-Validate" is null, then hide "Field1" and "Field2". Else, show...

$(document).ready(function() { SetFieldsVisibility(); $("#Field-To-Validate").change(SetFieldsVisibility); }); function SetFieldsVisibility() { var FieldToCheck = $("#Field-To-Validate").val(); if (FieldToCheck === "") { $("#Field1-To-Hide").closest("tr").hide(); $("#Field2-To-Hide").closest("tr").hide(); } else { $("#Field1-To-Show").closest("tr").show(); $("#Field2-To-Show").closest("tr").show(); } }

Was this reply helpful? Yes No
Suggested answer

Charles Abi Khirs 3,569 on at

Like (0)

Report

Hello JoeO,

In addition to the above, I would add that you should not hide all the "tr" element, because if the field to be hidden/shown is located in a row with another fields, all the fields in the same row will be hidden/shown.

That's why, I suggest to hide the closest "td" instead of the closest "tr" that lead to hide/show only the "td" cell of the needed field

Was this reply helpful? Yes No
Suggested answer

Summer Garg 585 on at

Like (0)

Report

Hi JoeO,

Check this below link,

crmhub.blogspot.com/.../how-to-use-java-script-in-adx-studio.html

Was this reply helpful? Yes No
JO-30091535-0 238 on at

Like (0)

Report

Thanks to all of you. Helpful stuff!

One more question. How do i Clear a field, and how do i perform it in the same function (if possible).

For example, if Field3 contains data, then clear and hide Field1 (Field1 happens to be the "Field-To-Validate" field mentioned above)

Was this reply helpful? Yes No
Suggested answer

Justinjose 2,707 on at

Like (0)

Report
Hi JoeO,

can you try something like below code please.

function SetFieldsVisibility() { var FieldToCheck = $("#Field-To-Validate").val(); if ($("#Field3").val() !== "" || $("#Field3").val() !== null) { $("#Field1-To-Hide").val(""); $("#Field1-To-Hide").closest("tr").hide(); } else { if (FieldToCheck === "") { $("#Field1-To-Hide").closest("tr").hide(); $("#Field2-To-Hide").closest("tr").hide(); } else { $("#Field1-To-Show").closest("tr").show(); $("#Field2-To-Show").closest("tr").show(); } } }

Thanks

Justin Jose

Was this reply helpful? Yes No
SOUNDHARYA.N.V 165 on at

Like (0)

Report

HI,

Try this $("#subject").val(null);

It differs for different data types

For lookup $("#regardingobjectid").val(null); this wont work

$("#regardingobjectid_name").val(null); this will work

Similarly it is different for different data types.

What is your field3 data type?

Thank You

Soundharya

If found useful, please mark the answer as verified

Was this reply helpful? Yes No