Open List Item in Modal Dialog from SharePoint List View Page

Question

I have SharePoint All Items Custom List View which I would like to customize using JS Link feature.

Currently whenever user clicks on "Title" link on any item it opens Listform.aspx with detail information about that List Item. Instead of opening Listform.aspx in a similar window, I would like to open it in a Modal Dialog box where user can see all the details and if required make changes or close the Dialog and return to List View. is it possible do this with JS Link?

Answer 1

You need to open the DispForm.aspx page for the List Item in a Modal Dialog..

The URL for the List Item will be: http://sharepoint/Lists/ListName/DispForm.aspx?ID=1 where ID is the List Item Id..

Now opening it in a modal dialog, write a function in JavaScript like:

function openDialog( pageUrl ) {  
   SP.UI.ModalDialog.showModalDialog(   
     {  
       url: pageUrl,
       width: 500,  
       height: 500,  
       title: "Title of the Dialog"  
     }  
   );  
 }  

Call this from the anchor / title of the list item..

Answer 2

I had a similar requirement .Please check the link ,hope this helps.

Refer: Newform.aspx in a dialog box