SharePoint Online Add new Custom Context Menu for the Item in the Document Library

Hi Expert,

I have a requirement on the Context Menu. the requirement is when I add a custom context menu and click it I would like to open a new window (pop-up) and my code is as follows:: unfortunately It cannot work ... so how should I fix it.?

<?xml version="1.0" encoding="utf-8"?><Elements xmlns="http://schemas.microsoft.com/sharepoint/"><CustomAction Id="1762a663-e165-482c-9ae3-6d12dbf605fe.MenuItemAction"
                RegistrationType="List"
                RegistrationId="101"
                Location="EditControlBlock"
                Sequence="10001"
                Title="Sharing and Setting"><!-- 
    Update the Url below to the page you want the custom action to use.
    Start the URL with the token ~remoteAppUrl if the page is in the
    associated web project, use ~appWebUrl if page is in the app project.
    --><!--<UrlAction Url="~remoteAppUrl/Pages/SharingAndSetting.aspx?{StandardTokens}&amp;SPListItemId={ItemId}&amp;SPListId={ListId}&amp;SPSource={Source}&amp;SPListURLDir={ListUrlDir}&amp;SPItemURL={ItemUrl}"/>--><UrlAction Url="javascript: function onClose(){ }
          var o = {
            url: '~remoteAppUrl/Pages/SharingAndSetting.aspx?{StandardTokens}&amp;SPListItemId={ItemId}&amp;SPListId={ListId}&amp;SPSource={Source}&amp;SPListURLDir={ListUrlDir}&amp;SPItemURL={ItemUrl}',
            title: 'Sharing and Setting',
            allowMaximize: false,
            showClose: true,
            width: 700,
            height: 500,
            dialogReturnValueCallback: onClose
          };
          SP.UI.ModalDialog.showModalDialog(o);"/></CustomAction></Elements>

Hi there, if you found my comment very helpful then please | Propose as answer | . Thanks and Regards.