Add Custom Command Bar in Button "New" of Modern Page of Team Site

Question

I need to add a custom action in the available actions when clicking on the "New" button of a modern page, is it possible ?&nbsp;&nbsp;I had thought that maybe it could be done using a SharePoint Framework Extension of type "ListView Command Set" and configuring the "RegistrationType = Web" property:&nbsp; &lt;CustomAction&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Title = "SPFxListViewCommandSet"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RegistrationId = "100"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RegistrationType = "List"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Location = "ClientSideExtension.ListViewCommandSet.CommandBar"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ClientSideComponentId = "..."&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ClientSideComponentProperties = "..."&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ CustomAction&gt;Any ideas will be welcome.Thank you!

djavan roa · Answer

Hi,I'm not sure you can actualy customize the "New" menu here in a safe way, but I know you can add a new button to this toolbar with SPFx Extensions.

deleted · Answer

That xml was for the classic pages in the new modern sites it works different you can check it here https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api

velin georgiev · Answer

Modern pages are currently not supported.
You can add commands in the list views on the following&nbsp;locations:
&nbsp;
Location: Where the commands are displayed. The possible values are:

ClientSideExtension.ListViewCommandSet.ContextMenu:&nbsp;The context menu of the item(s)
ClientSideExtension.ListViewCommandSet.CommandBar:&nbsp;The top command set menu in a list or library
ClientSideExtension.ListViewCommandSet:&nbsp;Both the context menu and the command bar (Corresponds to SPUserCustomAction.Location="CommandUI.Ribbon")

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api
&nbsp;
or use applications customizer to create similar experience. The button would not be positioned on that drop down, but instead in the `top` bar. Corresponding custom action location is `ClientSideExtension.ApplicationCustomizer`
&nbsp;
&nbsp;

mikewalker · Answer

Quick question Is there a way to create a Drop down command bar on the top command set?&nbsp;&nbsp;Thanks in advance&nbsp;

Forum Discussion

Add Custom Command Bar in Button "New" of Modern Page of Team Site

4 Replies

Resources