hiding section on the form

(0) Share

Report

Posted on by yify

1,023

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)

Sort by

Suggested answer

meelamri 13,218 User Group Leader on at

Like (0)

Report
Copy link

Link copied!

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,
Verified answer

gdas 50,091 Moderator on at

Like (0)

Report
Copy link

Link copied!
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
Verified answer

LeoAlt 16,341 Moderator on at

Like (1)

Report
Copy link

Link copied!
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
Suggested answer

Vipin J 1,603 on at

Like (1)

Report
Copy link

Link copied!

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
Suggested answer

Karrar Al-Rubayee 10 on at

Like (0)

Report
Copy link

Link copied!

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