Open Add Item Form as Dialog

Question

Hi All - I have a custom button on the click of which I am trying to open a Add Item form. When the display form opens I want to hide all the masterpage items( viz. Quick Launch, header, foooter, etc). I tried below but it's not opening and giving error
when the masterpage is Oslo. It works fine when masterpage is Seattle. 
<asp:LinkButton OnClientClick ="javascript:SP.UI.ModalDialog.showModalDialog({ url: '../Lists/AddAccount/NewForm.aspx', title: 'Add Account' }); return false;" CausesValidation="false"   CssClass="orange-btn" Text="Post"
runat="server" ID="btnPost"></asp:LinkButton>
Does anything know why is it happening?
Regards,
Khushi
Khushi

Answer 1

You need to set the URL of SharePoint link button like this
http://<Site Name>/Lists/AddAccount/NewForm.aspx?isDlg=1
to open that in modal dialog use below jScript.
<script type="text/javascript">
function openDialog(listUrl, frmTitle) {
var options = {
url: listUrl,
title: frmTitle,
allowMaximize: false,
height: 500,
width: 600,
showClose: true
//SP.UI.ModalDialog.showModalDialog(options);
SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
</script>
And your anchor tag should be like
<asp:LinkButton OnClientClick ="javascript:openDialog('/Lists/<List Name>/NewForm.aspx?IsDlg=1', 'Add Account')" CausesValidation="false" CssClass="orange-btn" Text="Post" runat="server" ID="btnPost"></asp:LinkButton>
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer.