Add Attachment Field in SharePoint 2013 List Form

If your customer don’t want to use SharePoint Out Of Box option available in ribbon. And if want to Attach a file in List Forms itself to save extra clicks and if he don’t want to navigate to a different page to upload items.

Solution:
Create a custom list form using SharePoint Designer. Add Attachment Field in SharePoint 2013 List Form. Place the below code where you would like to insert the Attachment Field. I have added this code at the end of the form.

<tr>
  <td colspan="2">
   <table>
    <tr>
     <td width="190px" valign="top" class="ms-formlabel">
       <H3 class="ms-standardheader">
         <nobr>Attachments</nobr>
       </H3>
     </td>
     <td width="400px" valign="top" class="ms-formbody" id="attachmentsOnClient">
       <input type="file" name="fileupload0"  id="onetidIOFile" size="50" title="Name"></input>
     </td>
     <td>
       <input name="attachButton" type="button" value="Attach" onclick='OkAttach()' />
     </td>
    </tr>
   </table>
  </td>
</tr>
Output looks pretty cool:
Add Attachment Field in SharePoint 2013 List Form
Add Attachment Field in SharePoint 2013 List Form Add Attachment Field in SharePoint 2013 List Form Reviewed by Sudheer Gangumolu on February 02, 2016 Rating: 5

3 comments:

  1. Good article about sharepoint list form with useful coding. Its really working well.
    sharepoint solution providers

    ReplyDelete
  2. I have spent a lot of time trying to get the Attachment field on my form. Thank you SO much for this. It worked perfectly.

    ReplyDelete
  3. On second thought, would you be able to help me display already attached files on the Display Form? I assume it's similar to your code above but I don't have it down yet.

    ReplyDelete