Open attachment in browser

[ThaiAn_Vu]

Hi all,

I have a form showing list attachments from SharePoint List. When I click on the attachment, it saved to my computer. My tasks required me to open alot of attachment and i could not save them all to my computer and delete them at the end of the day, Are there anyway to click on the attachment and it opens on the new tab of the browser or display them in Sharepoint ? 

[v-monli-msft · Accepted solution]

Hi @ThaiAn_Vu,

So far you cannot directly open all attachments in new tabs when using custom Form in SharePoint list. But you can open the attachments one by one separately by selecting Open option when clicking on the attachment files. They will open in Office or other applications, but not inside browser tab. 

If you really need this, you could post this idea in the PowerApps Ideas forum, so it might be considered for future releases.

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

Regards,

Mona Li

[Lam01007]

I just faced this issue, and I found a workaround solution:

1. Select the Attachments data card, and unlock it.

2. Add a blank vertical gallery, cut and paste it into the Attachments data card.

3. Set the "Items" property of the gallery to "ThisItem.Attachments"

4. Click the edit icon of the gallery, then add "HTML Text".

5. Select the "HTML Text", and enter the following html in "HtmlText" property:
"<a href='" & ThisItem.AbsoluteUri & "?web=1' target='_blank'>" & ThisItem.DisplayName & "</a>"

The key point is the query string "?web=1" after the URL.

[MarcAndre]

Hey @Lam01007 

can you left a few more details maybe Screenshots when i try your steps it didn't work

thank you in advance

[Lam01007]

hi, @MarcAndre ,

Thanks for your reply, I skipped some steps, sorry for my mistake, and please follow these screenshot instead:

1. Unlock "Attachments" Data Card:

2. Add Blank Gallery:

3. Cut the Gallery:

4. Paste into the Attachment Data Card:

5. Set the "Items" property of the Gallery to "ThisItem.Attachments"

6. Click "Edit" icon of the Gallery, and insert "HTML Text":

7. Set the "HtmlText" property of the HTML Text to "<a href='" & ThisItem.AbsoluteUri & "?web=1' target='_blank'>" & ThisItem.DisplayName & "</a>"   <----- (include double quote):

Moreover, you may allow need to show/hide the gallery/file uploader between the New/View/Edit Display Mode:

1. Set "Visible" of Attachements's DataCardValue to "SharePointForm1.DisplayMode <> DisplayMode.View"

2. Set "Visible" of Gallery to "SharePointForm1.DisplayMode = DisplayMode.View"

[MarcAndre]

thank you so much !!! @Lam01007  works fine !

[vwyankee]

@Lam01007 - Kudos for this! I was on the route of creating an integration with a SP library simply to get the utilization of opening in SharePoint (browser editing, co-authoring, autosave, etc) and had no idea SP list attachments could be opened in SharePoint Online directly. This is such an easy workaround and is how it should work out the box, IMO! 

Now if we could just figure out where the out of the box control gets the icons for the different file types from:

I'd also like to have the option to open the files in preview mode, not in edit mode.

[soraiataipa]

Thank you @Lam01007 this was super helpfull and responded exactly to what I needed. Thank you!

[LynetteJH]

UPDATE:  Actually got this to work with a Blank Flexible Height gallery.  Then I reduced the top and bottom padding on the HTML Text field and it's now working perfectly.  Thanks for getting me most of the way on this!

@Lam01007, this was very helpful.  However, I have multiple attachments and there is a lot of space in between each and a scroll bar on the Gallery.  How do I 1) display the names one line after the other and 2) allow the Gallery to expand its height so that it grows if needed and does not need a scroll bar?  Reducing the height of the Gallery ends up only showing one file and a scroll bar to see the rest.  Increasing the height of the Gallery just puts more space in between each name. The HTML text box is a single line of text high.  Thanks!

[soraiataipa]

Hi everyone,

This is a wonderfull workaround, thank you for that!

Does anyone knows how to add that link to open the attachment in the browser in the "on select" property of the attachments preview image?

Thank you,