How to remove Header and Footer on Page Template while keeping CSS?

(0) Share

Report

Posted on by Community Member Microsoft Employee

Hi,

I'm trying to make a website application using Dynamics 365 Portals. I made a simple page using html and css and was able to import it into Portals as the home page, as seen below.

However, I want to remove the Microsoft header and footer from the page, as it is not part of my application. When I uncheck the option to have the header and footer in the Page Template, the entire css in the theme.css file is gone, as well.

I'm almost certain that this is because the Header contains the link to the theme.css child file, so that gets removed as well.

How would I go about not having the Microsoft default header and footer while keeping the theme.css file I want?

Categories:

Portals

Applications and Add-ons

All responses (4)

Answers (0)

portaluser22 5 on at

Like (0)

Report

RE: How to remove Header and Footer on Page Template while keeping CSS?

This works for the most part but it leaves the home menu in place. Even if you turn the home menu off in setting it remains.
Amit Prajapati 156 on at

Like (0)

Report

RE: How to remove Header and Footer on Page Template while keeping CSS?

Hi,

You can hide the header and footer using CSS.

Just add the following code in your main CSS file.

.navbar,footer{

display:none !important;

}

Also, please put this code at last in your file so that I will get the highest priority in your Custom CSS of your website.
cloflyMao 25,198 on at

Like (1)

Report

RE: How to remove Header and Footer on Page Template while keeping CSS?

Hi alfred,

Here are my suggestions:

Firstly, you could overwrite the existed header or create a new customized header template for you portal home page, regardless of the default template.

Here is my customized header and footer and theme.css file still exists.

Secondly, please check the Parent Page of your theme.css file.

In my environment, theme.css is a child file of Home page:

It seems that your form is styled by theme.css, so you could try to embed theme.css link in your form template source code.

Regards,

Clofly
LeoAlt 16,329 on at

Like (1)

Report

RE: How to remove Header and Footer on Page Template while keeping CSS?

Hi partner,

If you want to clear the footer and header of the portal, you should create a blank template and choose it in your website.

Please refer to this blog for more details.

https://crmtipoftheday.com/1218/supress-headers-and-footers-in-portals/

Hope it helps.

Best Regards,

Leo