Creating modal dialog for adding item to list from another page

Question

I'm trying to write web-part for viewing list items. It contains link "add new item". I should create modal dialog for adding item, and it must work from every page.

So, I have JS for modal:

function openDialog(listUrl) {
    var options = SP.UI.$create_DialogOptions();

    options.title = "My Dialog Title";
    options.width = 400;
    options.height = 600;
    options.url = listUrl;

    SP.UI.ModalDialog.showModalDialog(options);
}

But it works only from list page. How can I fix it?

Answer 1

You can try with the below code using a Content Editor web part.

Copy the HTML markup from the existing Add new item link and use it.

Example :

<SPAN style="POSITION: relative; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px;    OVERFLOW: hidden" class=s4-clust><IMG style="POSITION: absolute; TOP: -128px !important; LEFT: 0px !important" alt="" src="/_layouts/images/fgimg.png"></SPAN>
<A id=idHomePageNewItem class=ms-addnew onclick='javascript:NewItem2(event, "http://{sharepointurl}/_layouts/listform.aspx?PageType=8&amp;ListId={}&amp;RootFolder=");javascript:return false;' href="http://{sharepointurl}/_layouts/listform.aspx?PageType=8&amp;ListId={}&amp;RootFolder=" target=_self>Add new item</A>

Paste the HTML markup into the Content Editor web part

Or, you can refer to the below link

1. http://kyleschaeffer.com/sharepoint/sharepoint-2010-pop-up-dialogs/

Answer 2

First add the page you created the new web part to the Pages library. Lets assume the page name is Page1.aspx. Then in the page you need to add the link to it add it like this.

<a href="javascript:OpenPopUpPage('/Pages/Page1.aspx');">Page Popup</a>