Power Pages:

Microsoft Power Pages is a secure, enterprise-grade, low-code software as a service (SaaS) platform for creating, hosting, and administering modern external-facing business websites.

We can follow this procedure for hiding the fields and section in power pages.

  1. Create Edit type basic form in power pages management

2.In that basic form write the jQuery code in additional settings on custom java script like this

$(document).ready(function () {    

    handleOptionSetChange();

    $(“#vijay_countrys”).change(function () {

        handleOptionSetChange();

    });

    function handleOptionSetChange() {

        var optionset = $(“#vijay_countrys”).val();

        if (optionset == “0”) {          

            $(“#vijay_state_label”).hide();

            $(“#vijay_district_label”).hide();

            $(“#vijay_village_label”).hide();

            $(“#vijay_state”).hide();

            $(“#vijay_district”).hide();

            $(“#vijay_village”).hide();

            $(“.section-title”).hide();  

              $(“#vijay_countrypeople_label”).hide();

               $(“#vijay_countrypeople”).hide();

                $(“#vijay_districtpeople_label”).hide();

                 $(“#vijay_districtpeople”).hide();

                  $(“#vijay_villagepeople_label”).hide();

                   $(“#vijay_villagepeople”).hide();      

        } else {          

            $(“#vijay_state_label”).show();

            $(“#vijay_district_label”).show();

            $(“#vijay_village_label”).show();

            $(“#vijay_state”).show();

            $(“#vijay_district”).show();

            $(“#vijay_village”).show();

             $(“.section-title”).show();  

              $(“#vijay_countrypeople_label”).show();

               $(“#vijay_countrypeople”).show();

                $(“#vijay_districtpeople_label”).show();

                 $(“#vijay_districtpeople”).show();

                  $(“#vijay_villagepeople_label”).show();

                   $(“#vijay_villagepeople”).show();

        }

    }

});

3.Create web template, page template, web page

Power pages

In web template write liquid code Muston should otherwise not displaying the form on your web page

Check the basic form attachment in both content page, main web page

4.Check all attachments related in your web page

5.Give table permissions and sync preview the web page we can get the output like this

6.Then sync and preview your web page it will be open like this

In that URL you can enter your crm record form guid the id will give only when record created

In that URL you give guid and get form like this every edit form in power pages management we can load with form guid otherwise it will be not loaded

7.In option set country’s selecting Singapore it will load the form data

8.If I am selecting the option set value Indonesia it will be hide the section and fields showing empty space

For any Help or Queries Contact us on info@crmonce.com or +91 9493926112

 https://www.crmonce.com/how-to-convert-the-text-area-field-into-option-set-field-in-power-pages/