Problem Statement

Add new SharePoint list item as Pop up instead of opening in new page.
Create a SharePoint list with column Title, Name, City, Address.
Click on New Item – Copy the url of new item upto http://Site Name /Teams/Lists/Listname/NewForm.aspx?
Make sure URL should be copied up to http://……..NewForm.aspx?
  • Edit the Sharepoint list by using Gear icon on Top Right side
  • Click on Insert button on Top Left side then select Media and Content, then click on Script Editor and click Add button on right
  • Click on edit snippet
  • Paste below javascript code and click insert and the stop editing the page,
    1. <a href='javascript:displayLayover("http://SitenameTeams/Lists/List/NewForm.aspx?'>New Item</a>
    2. <script type="text/javascript">
    3. function displayLayover(url) {
    4. var options = SP.UI.$create_DialogOptions();
    5. options.url = url;
    6. options.dialogReturnValueCallback = Function.createDelegate(null, null);
    7. SP.UI.ModalDialog.showModalDialog(options);
    8. }
    9. </script>
Happy Coading.....:)