Home SharePoint 2019 How to hide App Waffles for SharePoint 2019 or Office 365 using...

How to hide App Waffles for SharePoint 2019 or Office 365 using SPFX

Objective

Image 114.png

Assuming you want to customize an Office 365 SharePoint Online or SharePoint 2019 Intranet, you have your own MegaMenu so you want to hide the waffles.

We have chosen to hide the waffle menu (on SP2019 onpremise) because it only shows SharePoint, OneDrive inside.

We have chosen to add those links in our company MEGAMENU : “My SharePoint Site” and “My Documents (One drive).

So keeping the Waffle is redundant for users.

How to

This is achievable (unsupported by Microsoft though) by using an SPFX Extension.

Part of the SPFX code, inside the onInit() method :

@override
public onInit(): Promise {

hide365Waffle();

}

by calling this method

private hide365Waffle(){
console.log("MyMenuApplicationCustomizer.hide365Waffle()");
var hideO365Waffle = document.createElement("script");
hideO365Waffle.type = "text/javascript";
hideO365Waffle.innerHTML = (function(){
setTimeout(function () {
var myClasses = document.querySelectorAll('.o365cs-nav-leftAlign'),
i = 0,
l = myClasses.length;
for (i; i < l; i++) {
myClasses[i].style.display = 'none';
}
}, 2000);
})();
;
document.head.appendChild(hideO365Waffle);
}

Conclusion

We have seen how to hide the Office 365 Menu Launcher from SharePoint 2019 or SharePoint Online.

Thanks to @_maxduca for his help !

- Advertisement -

2 COMMENTS

  1. The menu is for PROGRAMS. It is possible to add more information to that menu. If the custom menu is for some source of information for the company, there are other ways to display that main menu for INFORMATION. It’s called a HOME. Or is the problem something else?

    • Hi,
      This is a tips, not a good practice 🙂
      Please adapt it to your context.

      The context is that the customer use a mega menu for its Intranet on SharePoint 2019. Users also use One Drive.
      So now they have a megamenu AND a tiles menu. Confusing for users…

      Also in your suggestion, the user experience isnt great.
      As a user i want to access a different page in the intranet :
      1. Click tiles
      2. click home
      3. click the link

      Each time he wants to navigate to a different page he has to go to different tiles ?

      So hiding the tiles menu and only using a megamenu is the way chosen to avoid extra user training and confusions. Microsoft shall give options to hide this menu by default…………..

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

CONNECT FOR MORE CONTENT

DO NOT MISS THOSE ARTICLES

SharePoint View Formatting Options

Following the article - Column Formatting options let's have the same exercise for this feature View Formatting announced during SharePoint Conference 2018. This is a...

SharePoint Online Column Formatting Options

sharepoint online column formatting, formattage de colonne sharepoint

How to connect to multiple tenants in Microsoft Teams ! The user friendly guide

So you have Teams for your own company, and your customer invites you as a guest to his tenant (Article - Expand your collaboration with...

Channel vs Chat ? When to use what in Microsoft Teams

Microsoft Teams Users tend to chat privately using the Chat feature naturally. Microsoft Teams Channel are much more powerful though. Summary of some important features...

Recent Comments