Show or hide Fields on entity form on dynamics 365 portals

(1) Share

Report

Posted on by Vile Andreas Rantala

1,257

Hello all,

I'm trying to show a couple of fields on a entity form on Dynamics 365 portals based on the onChange event of a OptionSet field, the fields are hide on the dynamics 365 form, but on the portal entity form i paste the following JQuery to try to achieve the goal, but no luck yet... T_T

$(document).ready(function() {

  $("#fieldOnChange").change(onStatusChange);
  $("#fieldOnChange").change();
});


function onStatusChange(){
    if ($('#fieldOnChange').val() == "1")
	{
		$('#FieldtoShow_1').show();
		$('#FieldtoShow_2').show();
		
	}else if($('#fieldOnChange').val() == "2")
	{
		$('#FieldtoShow_1').show();
		$('#FieldtoShow_2').hide();

	}else if($('#fieldOnChange').val() == "0")
	{
		$('#FieldtoShow_1').hide();
		$('#FieldtoShow_2').hide();
	}
}

Im not sure if i'm missing something else, but i tried pasting it on the Dynamics 365 form and add it to the field just like a normal JS, i tried to pas te it on the entity form of the portal and also on the web page.... and nothing happens! :( any clue for me to reach this out?

In advance so many thanks, Muchas Gracias!

Categories:

Other

Application

I have the same question (0)

All responses (9)

Answers (1)

Sort by

Suggested answer

RaviKashyap 55,410 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

Hi,

The code which you have mentioned seems correct. Possible reason could be that either the id's are not correct, or the value for your optionset is not correct (use alert to confirm this) or you are not hiding the correct element.

It is also possible that the method is not getting called, try a simple alert and see if that works. Remove this line $("#fieldOnChange").change();

Try something like this-

===============================

$('#FieldtoShow_2').parent().hide();

or

$('#FieldtoShow_2').parent().parent().hide();

It all depends upon how the field is getting render on browser i.e. if it is under td/ tr/ dive or something else.

===============================

Refer these:

community.dynamics.com/.../292094

community.dynamics.com/.../293326

Hope this helps.

Was this reply helpful? Yes No
LeoAlt 16,331 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

Hi partner,

It seems that you didn't catch the right control.

I suggest that you could press F12 to open developer tool and debug your code to check the two points.

1.If $('#fieldOnChange') has valid value.

2.If $('#FieldtoShow_1/2') has hide function.

Hope it helps.

Best Regards

Leo

Was this reply helpful? Yes No
Vile Andreas Rantala 1,257 on at

Like
a
(0)

Report
Copy link

Link copied!

But there's no other place to set or instance the code right? just putting it on the custom javascript section, will works, right?

Was this reply helpful? Yes No
Verified answer

Aric Levin - MVP 30,190 Moderator on at

Like
a
(2)

Report
Copy link

Link copied!

Hi,

Fields can be comprised of multiple elements, so just using the field name to hide it from the portal usually is not enough. As most fields are using tr elements, you can use the following code:

function setFieldDisplay(fieldName, displayStatus) {

if (displayStatus == "show") {

$("#" + fieldName).closest("tr").show()

}

else if (displayStatus == "hide") {

$("#" + fieldName).closest("tr").hide()

}

}

You would call the code as follows:

setFieldDisplay("FieldtoShow_1", "show") or setFieldDisplay("FieldtoShow_1", "hide")

You can of course modify that function to fit your needs, and the way that you fields are being displayed.

Hope this helps.

Was this reply helpful? Yes No
RaviKashyap 55,410 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, you can write JS on wither the entity form or directly to webpage.

Was this reply helpful? Yes No
Vile Andreas Rantala 1,257 on at

Like
a
(0)

Report
Copy link

Link copied!

So many thanks for help! i make it works with the following structure:

1. don't hide the fields on the CRM form, just hide them with JS on webpage.

2. hide the TR to do not display the label, with my code just hide the field, but with @Aric comments with "tr" i achieve to hide the field and the label.

Was this reply helpful? Yes No
Nirmal_CRM 177 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi,

Can you please let me know how did you keep field hidden by default ?

Regards,

Nirmal

Was this reply helpful? Yes No
RaviKashyap 55,410 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Hi Nirmal,

On form editor, if you uncheck the property "display by default" then it will not be visible on portal as well

Was this reply helpful? Yes No
Suggested answer

M.Anas 35 on at

Like
a
(0)

Report
Copy link

Link copied!

Is there any out of the box solution like business rule?

Was this reply helpful? Yes No