cancel
Showing results for 
Search instead for 
Did you mean: 
ragavanrajan

How to set the footer remain at the bottom of the window in PowerApps Portal

Hello Folks, 

 

As you are aware currently Power Apps portal is using Bootstrap 3 as the base theme. Currently, in the PowerApps portal, the footer hides your form content or web page content. 

 

We can always customize the way we want. Here are the steps for your reference. 

 

In Portal Management: 

 

  1. Under Content > Web Templates> Select Footer 
  2. All you need to do is add the "navbar-fixed-bottom" in the div tag line 2 (like below ) 

 

 

<footer role="contentinfo" class="footer">
  <div class="footer-bottom navbar-fixed-bottom hidden-print">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-12 col-xs-12 text-left">
          {% editable snippets 'Footer' type: 'html' %}
        </div>

</div>
    </div>
</footer>

 

 

  1. Hit save and close 

 

Now in Portal Studio 

 

1. Upload a custom.css file by clicking themes

2. And add the below CSS class 

3. Adjust padding according to your need 

 

 

.wrapper-body{
    padding-bottom: 100px !important;
}

 

 

4. Press Save > Sync configuration > Browse website > Ctrl + F5 > Now you can scroll your content.

Meet Our Blog Authors
  • PowerApps Community Mentor 2018, Practicing surgeon and former Professor of Surgery, University of Illinois, Chicago.
  • Jill of All Trades (Power Apps, SharePoint, PowerShell, Exchange, Power Automate and odds & ends of assorted other things)
  • I am the Owner/Principal Architect at Don't Pa..Panic Consulting. I've been working in the information technology industry for over 30 years, and have played key roles in several enterprise SharePoint architectural design review, Intranet deployment, application development, and migration projects. I've been a Microsoft Most Valuable Professional (MVP) 12 consecutive years and am also a Microsoft Certified SharePoint Masters (MCSM) since 2013.
  • I'm Tim Leung - a PowerApps builder. In addition to PowerApps, my main interests include building software with SQL Server and Microsoft .NET. I'm the author of 'Beginning PowerApps' - the first published book on PowerApps. You can buy this from Amazon and other leading bookstores.
  • Systems developer
  • My name is Timothy Shaw and I create digital solutions using the Power Platform, Office 365, and Azure SQL and handle the IT for a small company in the energy sector. When not building the future :), I enjoy playing guitar, good (or really bad!) sci-fi, Xbox therapy, and hanging with my wife and son. Twitter: @ShortForTim