SharePoint 2013 - On clicking of Edit icon, show popup box (or) modal dialog

%3CLINGO-SUB%20id%3D%22lingo-sub-2136906%22%20slang%3D%22en-US%22%3ESharePoint%202013%20-%20On%20clicking%20of%20Edit%20icon%2C%20show%20popup%20box%20(or)%20modal%20dialog%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2136906%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20a%20grid%20which%20displays%20data%20from%20the%20SharePoint%20list.%20On%20clicking%20of%20Edit%20icon%2C%20it%20should%20display%20a%20popup%2C%20where%20it%20allows%20users%20to%20edit%20Expiration%20date%20and%20notes%20field%20as%20per%20below%20screenshots.%20Once%20user%20clicks%20on%20save%2C%20it%20should%20save%20the%20data%20back%20to%20SharePoint%20list%20and%20grid.%20May%20I%20know%20how%20it%20can%20be%20achieved%20in%20SP2013%20visual%20web%20part%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%2211.PNG%22%20style%3D%22width%3A%20541px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F255060i12990FB5C1E94712%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%2211.PNG%22%20alt%3D%2211.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%2212.PNG%22%20style%3D%22width%3A%20297px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F255061i6C539BAFE9028533%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%2212.PNG%22%20alt%3D%2212.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2136906%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Edeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
New Contributor

I have a grid which displays data from the SharePoint list. On clicking of Edit icon, it should display a popup, where it allows users to edit Expiration date and notes field as per below screenshots. Once user clicks on save, it should save the data back to SharePoint list and grid. May I know how it can be achieved in SP2013 visual web part ?

 

11.PNG

 

 

12.PNG

 

0 Replies