How can i make attachments working in custom SharePoint listform?

If you use an application page as listform you’ll might notice that the button in the ribbon to attach files to the listitem does not work. It throws javascript errors like listform was customized… or something like id attachmentpart is missing or anything else. It might be that it displays nothing. So i thought – what a awesome story for 2014.

As i started my post serie about custom listforms i only thought about writing maybe 2 or 3 posts. This one will be my fifth post about custom listforms using visual studio and the application page way. Maybe i should make a post about the different ways to customize those forms.

But as short introduction let me give you the links to my previous posts:

Part 1: Setting up a solution with a list definition, a list instance and deploy it.

Part 2: Creating a custom list form and connect it with the list definition.

Part 3: Necessary settings for custom listform in Visual Studio

Part 4: Override Save Button in listform

Well, in order to make attachments working in your custom application page respective the listform page we’ll need to add certain parts with special id’s. Let’s see what parts we need.

Important notice: This has only relevance if you customizing also the fields. Means that you don’t use the webpartzone. To make it more clear: If you make the following part hidden or comment it out

<WebPartPages:WebPartZone runat=”server” FrameType=”None” ID=”Main” Title=”loc:Main” ><ZoneTemplate></ZoneTemplate> </WebPartPages:WebPartZone>

Then you have to manage that the attachments working. Let me show you how to do that.

Part 1:  We need part 1 including the idAttachmentRow

[sourcecode language=”csharp”]

[/sourcecode]

In this example you see the span with the id part 1. This part will be hidden if the user clicks on the “Add Attachment” Ribbon button. In this part we normally put also the row with the id “idAttachmentsRow” which displays the attached files.

Part 2: The Attachment Area.

It’s the area in which the user can search for his file and upload it. If he clicks there on OK or Cancel he will see the normal form again.Important part is here the span “partAttachment” which will be searched by the javascript.

[sourcecode language=”csharp”]

Use this page to add attachments to an item. Name

[/sourcecode]

That are the most important parts. So at the end i’ll show you the whole aspx markup page.

[sourcecode language=”csharp”]

< %-- –%> Use this page to add attachments to an item. Name

.ms-bodyareaframe {
padding: 8px;
border: none;
}

[/sourcecode]

Hope it helps you.

..:: I LIKE SHAREPOINT ::..