hiding section on the form

(0) Share

Report

Posted on by yify

1,019

Hi,

I would like to hide the section on the form. my tab name is Address and section name is tab2_section 2.

could you please help me by providing the exact code on how it would look after using below code or anyother code as I am not familiar with js code.

below is the sample code I found online to hide the sectiom

function HideShowSection(formContext, section, tab, bool) {
try {
formContext.ui.tabs.get(tab).sections.get(section).setVisible(bool);
}
catch (e) {
Alert(e.message + " - " + section);
}
}

All responses (5)

Answers (2)

Suggested answer

Karrar Al-Rubayee 10 on at

Like (0)

Report

RE: hiding section on the form

Hi James, you might find this handy using business rules instead https://youtu.be/-X-3cXDBbzI
Suggested answer

Vipin J 1,583 on at

Like (1)

Report

RE: hiding section on the form

I have created some Generic Method to Hide and Show Tab and Section

Please refer here : https://vjcity.blogspot.com/2021/07/generic-method-to-hide-and-show-tab-and.html
Verified answer

LeoAlt 16,331 Moderator on at

Like (1)

Report
RE: hiding section on the form

Hi partner,

For example, if you want to hide the Tab "Address", you could use the following code.

function showTab(executionContext){ var formContext=executionContext.getFormContext(); formContext.ui.tabs.get("Address ").setVisible(true);//show the Address tab, and false means hide the tab at the same time }

If you want to hide the section "tab2_section2", use the following code.

function showSection(executionContext){ var formContext=executionContext.getFormContext(); formContext.ui.tabs.get("Address ").sections.get(section).setVisible(true); }

Pay attention that since we are using "exectionContext" as parameter in form event, we should click the "Pass execution context as first parameter" when we add the events.

You could also refer this doc for more information.

https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/reference/formcontext-ui-tabs

Best Regards,

Leo
Verified answer

gdas 50,089 Moderator on at

Like (0)

Report
RE: hiding section on the form

Hi,

If you are looking for JS code solution then try with below code.

function HideSection(executionContext) { var formContext = executionContext.getFormContext(); try { formContext.ui.tabs.get("Address").sections.get("tab2_section2").setVisible(false); } catch (e) { Alert(e.message " - " section); } }

Please validate the section/Tab name again , its should be without space and in the event handler pass the executioncontext and put function name.

https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/clientapi-execution-context
Suggested answer

meelamri 13,212 User Group Leader on at

Like (0)

Report

RE: hiding section on the form

Hello,

You can hide a section in the form designer without using JavaScript. Please give your scenario to find out if you really need a JavaScript.

Mehdi,