0

I have created an application customizer extension and put my custom header and footer in that extension which loads fine. I had to hide the OOTB ribbon and left bar as I wanted to have totally customized look.

Everything is working fine, however when I load the page, at first it shows the SharePoint Online OOTB items and then when the extension loads it removes these and shows my header, footer and other components. This is what I see when the page loads first. After that, it loads my custom stuff.

enter image description here

Question: Is there any way to avoid this flicker or jitter effect? Can I hide these and show a blank page before my components get load?

1 Answer 1

3

Hiding out-of-the-box elements using custom CSS is not supported. To avoid flickering or unexpected issues, I would not hide the OOTB elements at all.

A good solution might be to add the URL parameter ?env=Embedded to the end of your SharePoint URL. This hides the main navigation, footer, side navigation (and App bar).

6
  • Thanks Callum. The requirement is to hide all OOTB components and show the custom layout completely. That flicker is something which is destroying overall user experience of our application. Sep 1, 2022 at 14:42
  • I've updated my answer with a possible solution, that would be supported. If this answer helps, please do remember to upvote or mark the answer as accepted to help inform the community. Sep 1, 2022 at 14:56
  • It is indeed a much better approach. Thank you very much for the clue. To some extent it helped me but I am still trying to overcome the Hub Navigation etc. I will keep this question open for another answer, however I have upvoted it already. Thank you very much for this. Appreciate that. Sep 1, 2022 at 22:35
  • Please mark this as the accepted answer if you feel it answered your question, this will help inform the community. Sep 12, 2022 at 8:21
  • 1
    Fair enough, I don't think there's an answer to it right now but Microsoft could introduce something in the future. Sep 20, 2022 at 19:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.