You’re offline. This is a read only version of the page.
How do you properly show/hide form sections in Power Pages?
I tried using a business rule and that didn't work.
I tried using Javascript based on a yes/no field called remote. Here is my form:
Here is my Javascript:
Share
Report$(document).ready(function () {
$("#cr92a_remote").change(function () { FieldChanged(); });
});
FieldChanged = function(){
var selectedValue = $("#cr92a_remote").find("input[type='radio']:checked").val();
if(selectedValue == true){
$("table[data-name='sec_shipping']").parent().show(); /// and .hide();
}
else{
$("table[data-name='sec_shipping']").parent().hide(); /// and .hide();
}
};
My section name is sec_shipping on the form designer.
All responses (
Answers (/***********************************
** HIDE FIELDSET BY NAME
***********************************/
// via js
$("body").find("fieldset[aria-label='General']").hide();
// via css
fieldset[aria-label="Hidden"]{ display:none; }
/***********************************
** HIDE SECTION BY NAME
***********************************/
// via js
$("body").find(".section[data-name='General']").hide();
// via css
.section[data-name="General"]{ display:none; }
/***********************************
** HIDE ROW BY FIELD-ID
***********************************/
// via js
$("#fieldid").closest("tr").hide();
Hi @ragavanrajan, If we want to hide the complete form with out any condition, Actually i want to hide out of the box form and add a custom HTML and than stored the data from the HTML form to the actual form?
If you could help me i will be very thankful.
$("table[data-name='<section name>']").parent().hide(); // show();
Sections are part of the form. You have to get the form id and then the child section id to trigger your jquery properly.
Hope it helps.
------------
If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.
I'm not sure I follow. What does finding the form ID have to do with the section?
I'm not sure I follow. What does finding the form ID have to do with the section?
You can use vanilla JS / Jquery to hide your sections. In addition to "document. ready", try adding the trigger for the form by finding the form id. Adding sample below.
$(document).ready(function () {
$("#EntityFormControl_enityformcontrolid").on("loaded", function () {
// your logic
});
});
Please give it a try and let us know.
Hope it helps.
------------
If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.
#1
WarrenBelz
9
Most Valuable Professional
#1
Michael E. Gernaey
9
Super User 2025 Season 1
#3
Rondel
6
