web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Show or hide Fields on...
Power Pages
Answered

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

(0) ShareShare
ReportReport
Posted on by

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!

Categories:
I have the same question (0)
  • Verified answer
    v-yutliu-msft Profile Picture
    on at

    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,

  • oliver.rodrigues Profile Picture
    9,368 Most Valuable Professional on at

    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 74 Super User 2025 Season 2

#2
Jerry-IN Profile Picture

Jerry-IN 55

#3
sannavajjala87 Profile Picture

sannavajjala87 31

Last 30 days Overall leaderboard