Skip to main content

Notifications

Community site session details

Community site session details

Session Id : wu6ojhxSULE9bEXZ49u1s7
Power Pages - Power Apps Portals
Unanswered

Portals Blank Page template, retain CSS

Like (0) ShareShare
ReportReport
Posted on 19 Sep 2021 23:32:42 by 23

I have a website in Portals that contains a form.

We have embedded the form in an external site, which is working, but it displays with the header and footer showing.

We want to have a Blank page with the sites theme so it displays nicely.

I used the Blank Page template but this doesn't include any of the css used on other site page templates.

How can I go about creating a template that contains the required CSS and only displays the content section of the page?

 

Cheers

 

Greg J

 

 

 

 

 

 

  • ragavanrajan Profile Picture
    7,036 Most Valuable Professional on 29 Sep 2021 at 10:05:35
    Re: Portals Blank Page template, retain CSS

    No worries Greg. That's absolutely fine. 

  • gjohncock Profile Picture
    23 on 29 Sep 2021 at 00:17:57
    Re: Portals Blank Page template, retain CSS

    Thanks for this and apologies for the delay in replying but we ended up going about the issue a different way. We decided to add some liquid code to the header to make the header and footer elements hidden.

     

    At some point when I get clear of current commitments I will come back to this and try what you suggested.

     

    Thank you for taking the time to respond.

     

    Cheers

     

    Greg J

     

  • ragavanrajan Profile Picture
    7,036 Most Valuable Professional on 21 Sep 2021 at 04:11:22
    Re: Portals Blank Page template, retain CSS

    Hi @gjohncock , 

     

     The easiest way I would think of is to copy the CSS from PowerApps Portal and add it to your external site as external CSS. 

     

    In Portal Studio: 

     

    1. On the side pane. Click the Themes> Click bootstrap.min.css or theme.css  and copy the CSS. Sometimes you may need both css files. But Theme.css is your customised theme of the portal

     

    ragavanrajan_0-1632197284942.png

    2. Save it in a notepad with .css extension. Ex: Theme.css 

    3. In your external site > under site assets add this newly created theme.css file. 

    4. Refresh your external site or reload your site. If no luck press ctrl + F5. 

     

    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.

     

     

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

Understanding Microsoft Agents - Introductory Session

Confused about how agents work across the Microsoft ecosystem? Register today!

Markus Franz – Community Spotlight

We are honored to recognize Markus Franz as our April 2025 Community…

Kudos to the March Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,670 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 66,004 Most Valuable Professional

Leaderboard