User Request Form in SharePoint Online

Question

Hello Everyone,

I have created a customized form using PowerApps in SharePoint Online and added the form to Site Pages using Microsoft PowerApps WebPart. I have added this form in one of the subsite. Once added, this form should appear as a user request form as in SharePoint On-Premise.

As we do not have any OOTB features as in on-premise, I had created a SPFx WebPart to hide left and top navigations on load. But when the page load's the navigations are not hidden until I move the scrollbar/cursor.

Is there a way to make this page appear as a user request form on page load with no navigations? Any help would be appreciated.

Thanks,
Sindhu

Answer 1

Hi @B N, Sindhu ,

You could try to create SPFX extensions to hide left and top navigations, this worked for me. Below is my demo for you:

const css: string = 'div#spSiteHeader,div#spLeftNav{display:none} ';  
if (css) {  
    // inject the style sheet  
    const head: any = document.getElementsByTagName("head")[0] || document.documentElement;  
    let customStyle: HTMLStyleElement = document.createElement("style");  
    head.appendChild(customStyle);  
    customStyle.title = "MSCustom";  
    customStyle.type = "text/css";  
    customStyle.appendChild(document.createTextNode(css))  
}  

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.