The Noteworthy section of a SharePoint site has some interesting functionality. I was recently asked to look into how one might be able to configure this to add/remove entries from this section.
At first, it seemed straight forward enough. I was hoping there would be a call I could make in the JSOM API that would let me affect this area and control the display. Doing a bit of research, I found the following helpful posts:
The first link is an official MS posting on how you add apps to the app catalog. The part that’s relevant highlights a Featured checkbox that allows you to control whether or not this new app appears in the Noteworthy section of the App Catalog.
If you want the app to be listed in the Noteworthy content view of the App Catalog, select the Featured check box.
However, it does not address the scenario where you want to add your own custom list template or list definition to the Noteworthy content view.
var m = SP.Storefront.StorefrontApp.get_currentView(); m.$2i_3.push(m.$L_3); SP.Storefront.StorefrontApp.get_currentView().updateUI();
So some clarifying points:
- The object $L_3 is an array that contains all the possible list templates you can choose to add to the Noteworthy section.
- The $2i_3 array contains the list templates currently on display in the Noteworthy section.
So the idea is, you need to push to the $2i_3 array an item that exists in the $L_3 array. That’s what the code above is essentially doing. If you run that logic in the console, you should see a new item appear in the Noteworthy section. I’ve included the below screenshot to highlight this a bit better.
As outlined in Stephen’s post, this works well, except for the minute you refresh the page. The change you made disappears because it doesn’t persist past the refresh.