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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Editing FormXML to hid...
Power Apps
Answered

Editing FormXML to hide tabs bar in model driven app

(0) ShareShare
ReportReport
Posted on by 64

Hi, 

I'm trying to hide the tabs bar from a model driven app form. The form only utilizes one tab and and thus the bar is not in use, only takes up some precious space. I understood that it is possible to remove this bar by editing the customizations.xml -file. I'm able to find the right spot, I guess, but I'm not sure what to add and where or how to edit the XML to hide that bar.

Help or direction towards good content/blog posts is appreciated!
Have a great day all!

Also, if this is on the wrong forum, please direct towards a better topic!

AnttiKai_0-1666183353755.png

 

AnttiKai_1-1666183429656.png

I have the same question (0)
  • eleung83 Profile Picture
    232 on at

    You cannot hide the tab bar using a supported manner. You can hide all the tabs within the tab bar but this renders an empty form with just the header information, you won't see anything else on the form.

     

    If you don't want the tab bar then I'd suggest going down the route of a custom page where you then have full control over how you want a form to be presented

  • Diana Birkelbach Profile Picture
    3,072 Most Valuable Professional on at

    Hi @AnttiKai , 

     

    You can do that in a supported way, using a line of JavaScript on the form, which will hide the whole "tabs" area

    formContext.ui.headerSection.setTabNavigatorVisible(false)

    https://learn.microsoft.com/en-us/power-apps/developer/model-driven-apps/clientapi/reference/formcontext-ui-headersection/settabnavigatorvisible?WT.mc_id=BA-MVP-5004107

     

    Just in case you have only one component on that tab, you can save even more space. Please let me know if that'S your case.

  • AnttiKai Profile Picture
    64 on at

    Hey @DianaBirkelbach 
    I've seen the page that you are referring to but I've got no previous experience with Javascript as I come mainly from a business background. Can you direct me to a resource or give a brief overview of where/how to do that modification? Where do I access the form so that I can add that line? Or sould I work with the XML-file? Or create a web resource and then somehow connect that to the form?
    Sorry for a very basic question, this is new territory for me!
    Regards

  • Verified answer
    Diana Birkelbach Profile Picture
    3,072 Most Valuable Professional on at

    Hi @AnttiKai , 

     

    You can create a JavaScript WebResource with the following content (in my case is called diana_openDialog.js, but you can choose the name you want)

    function hideTabs(executionContext){
     var formContext = executionContext.getFormContext();
     formContext.ui.headerSection.setTabNavigatorVisible(false)
    }
    

    and register it on the Form.OnLoad event.

    Using the classic customizing, is tools like this:

     

    DianaBirkelbach_0-1667217418797.png

    When you register to "OnLoad" don't forget to set the "Pass execution context as first parameter".

    DianaBirkelbach_1-1667217481783.png

     

    Otherwise, if you are using the new maker portal, you need to add the WebResource first (Form, libraries) ,and then add the OnLoad handler pointing to the "hideTabs" function (on the right)

    DianaBirkelbach_3-1667217721532.png

     

    Then save, and publish, refresh the form... and you don't have any tabs on your form anymore.

  • AnttiKai Profile Picture
    64 on at

    Ah, exactly what I was looking for. Works lovely, large thanks and hugs! @DianaBirkelbach 

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
Haque Profile Picture

Haque 94

#2
WarrenBelz Profile Picture

WarrenBelz 82 Most Valuable Professional

#3
Kalathiya Profile Picture

Kalathiya 38 Super User 2026 Season 1

Last 30 days Overall leaderboard