cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

Show or hide Fields on the entity forms based on the value in the previous field

Hello Community Experts!

 

I have a requirement where I need to show some of the fields on the entity form based on the value selected on the previous field. I have a field which allows the users to select web roles. I need to show/ hide the fields based on the value selected in the web role field. Could anyone please suggest me how to achieve this?

 

Your help is greatly appreciated!

Thank you!

1 ACCEPTED SOLUTION

Accepted Solutions
v-yutliu-msft
Community Support
Community Support

Hi @Anonymous ,

Do you use model driven app?

Do you want to change a field's visibility based on selection of another field?
If so, there are two solutions.

1)use business rule

You would specify the condition and use the set visibility action. There are more details in the help here.

https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/create-business-rules-recommendations-apply-logic-form

93001.png

 

2)use JS:

Please check this blog: Hiding and Showing a Field in Dynamics 365 using JavaScript .

 

 

Here's a similar issue for your reference:
https://powerusers.microsoft.com/t5/Building-Power-Apps/Model-Driven-Apps-Different-Form-based-on-Optionset-value/m-p/639423

 

 

Best regards,

Community Support Team _ Phoebe Liu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

2 REPLIES 2
v-yutliu-msft
Community Support
Community Support

Hi @Anonymous ,

Do you use model driven app?

Do you want to change a field's visibility based on selection of another field?
If so, there are two solutions.

1)use business rule

You would specify the condition and use the set visibility action. There are more details in the help here.

https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/create-business-rules-recommendations-apply-logic-form

93001.png

 

2)use JS:

Please check this blog: Hiding and Showing a Field in Dynamics 365 using JavaScript .

 

 

Here's a similar issue for your reference:
https://powerusers.microsoft.com/t5/Building-Power-Apps/Model-Driven-Apps-Different-Form-based-on-Optionset-value/m-p/639423

 

 

Best regards,

Community Support Team _ Phoebe Liu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
OliverRodrigues
Super User
Super User

Hi, can you try something like:

$(document).ready(function () {
    MyFieldChanged();
    $('#<my field>').on("change", MyFieldChanged);
});

function MyFieldChanged() {
    var selectedValue = $('#<my field>').val();
    if (!!selectedValue && selectedValue == "<my value>") {
      $("#<field name>").closest("td").find("div.control, div.info").hide();
    }
    else {
      $("#<field name>").closest("td").find("div.control, div.info").show();
    }
}

 

if you need to hide Sections/TABs, or other things, I have a blog post on this that might help: https://oliverrodrigues365.com/2020/07/19/power-apps-portals-javascript-tip-01-hide-show-elements/


------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.




If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Power Apps Portals Super User


Oliver Rodrigues


 

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Carousel_PP_768x460_Wave2 (1).png

2022 Release Wave 2 Plan

Power Platform release plan for the 2022 release wave 2 describes all new features releasing from October 2022 through March 2023.

Users online (4,772)