Upload documents and create links in modern pages

%3CLINGO-SUB%20id%3D%22lingo-sub-147422%22%20slang%3D%22en-US%22%3EUpload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-147422%22%20slang%3D%22en-US%22%3E%3CP%3EIn%20SharePoint%202013%2C%20when%20creating%20a%20news%20page%2C%20wiki%20page%2C%20etc%26nbsp%3Bwe%20have%20the%20%3CSTRONG%3EUpload%20File%20%3C%2FSTRONG%3Efeature%2C%20which%20uploads%20a%20file%20into%26nbsp%3Ba%20selectable%20document%20library%2C%20and%20then%20creates%20a%20link%20to%20it%20on%20the%20page%20with%20a%20small%20image%20of%20the%20file%20type.%26nbsp%3B%20This%20makes%20the%20process%20of%20adding%20files%20to%20news%20articles%20really%20easy%2C%20and%20for%20readers%2C%20they%20understand%20they%20are%20clicking%20on%20a%20document%20link.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20468px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F27195i8CDE499918772E84%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%222018-01-22%2015_52_10-Clipboard.png%22%20title%3D%222018-01-22%2015_52_10-Clipboard.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3EMoving%20onto%20SharePoint%20Online%2C%20the%20closest%20we%20seem%20to%20have%20to%20this%20on%20%3CSTRONG%3EModern%20Pages%3C%2FSTRONG%3E%20is%20the%20%3CSTRONG%3Efile%20viewer%3C%2FSTRONG%3E%2C%20which%20doesn't%20really%20scale%20when%20you%20have%20more%20than%201%20document%20link%20to%20add.%26nbsp%3B%20The%20way%20this%20webpart%20uploads%20files%20isn't%20even%26nbsp%3Bconsistent%20with%20the%20%3CSTRONG%3Eimage%3C%2FSTRONG%3E%20webpart%2C%20that%20nicely%20creates%20a%20separate%20folder%20in%20Site%20Assets%20%26gt%3BSitePages%2C%20and%20uploads%20the%20image%20to%20there%20-%20whereas%20the%20file%20viewer%20uploads%20the%20document%20into%20the%20root%20of%20Shared%20Documents!%20I%20can't%20see%20a%20way%20to%20change%20this.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EDoes%20anyone%20have%20any%20tips%20on%20how%20their%20end-users%20are%20managing%20this%20sort%20of%20inconsistency%20and%20lack%20of%20ease%20of%20use%20compared%20to%20the%20classic%20experience%3F%20Or%20am%20i%20missing%20some%20functionality%20somewhere%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-147422%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-147705%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-147705%22%20slang%3D%22en-US%22%3EYou%20are%20right%20-%20pictures%20do%20get%20uploaded%20and%20stored%20in%20the%20siteassets%20library%20in%20a%20folder%20with%20the%20same%20name%20as%20the%20news%20page.%20This%20keeps%20all%20assets%20for%20that%20news%20article%20nicely%20together.%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20problem%20I%20have%20is%20that%20the%20file%20viewer%20puts%20the%20file%20in%20a%20different%20location%20-%20Share%20Documents%20root%20-%20and%20this%20is%20not%20consistent%20with%20the%20picture%20uploads.%20So%20my%20thoughts%20would%20be%20that%20the%20file%20viewer%20should%20upload%20files%20into%20the%20same%20siteassets%20location%20as%20the%20pictures%20get%20uploaded.%20%3CBR%20%2F%3E%3CBR%20%2F%3EIt%20would%20also%20be%20good%20if%20the%20file%20viewer%20had%20an%20option%20to%20show%20a%20link%20rather%20than%20the%20file%20-%20and%20then%20if%20you%20have%202%20or%20more%20files%2C%20they%20show%20nicely%20on%20the%20page.%20Yes%2C%20we%20can%20add%20hyperlinks%20into%20text%20webparts%2C%20but%20the%20files%20need%20to%20have%20been%20uploaded%20first.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20can't%20find%20anything%20like%20this%20on%20uservoice%2C%20so%20probably%20need%20to%20add%20these%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-147675%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-147675%22%20slang%3D%22en-US%22%3E%3CP%3EDid%20not%20even%20know%20these%20options%20that%20said%20i%20thought%20it%20is%20possible%20to%20upload%20directly%20into%20a%20news%20item%20which%20automaticly%20stores%20the%20picture%20in%20the%20siteassets%20library.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ECorrect%20me%20if%20i%20am%20wrong%20on%20this%20one.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1421385%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1421385%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F10103%22%20target%3D%22_blank%22%3E%40Pete%20Bostrom%3C%2FA%3E%26nbsp%3Bhave%20you%20tried%20the%20quick%20links%20webpart%3F%20You%20can%20add%20multiples%20links%20and%20when%20you%20add%20one%2C%20you%20can%20select%20existing%20documents%20in%20the%20site%20or%20upload%20a%20new%20one%20that%20will%20get%20stored%20in%20the%20site%20assets%20at%20the%20same%20place%20where%20it%20stores%20images.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1423063%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1423063%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F24099%22%20target%3D%22_blank%22%3E%40Martin%20Coupal%3C%2FA%3E%26nbsp%3BThis%20is%20alright%2C%20but%20far%20from%20ideal%20particularly%20from%20a%20general%20user%20perspective%20who%20just%20wants%20to%20upload%20a%20file%20as%20they're%20adding%20text.%20They%20are%20hardly%20likely%20to%20know%20to%20do%20this.%20It%20also%20seems%20quite%20heavy%20handed%20to%20have%20to%20insert%20a%20widget%20to%20do%20this%20which%2C%20in%20addition%2C%20results%20in%20the%20widget%20having%20to%20be%20on%20an%20entirely%20different%20row%20to%20the%20text%20it's%20related%20to%2C%20rather%20than%20just%20a%20link%20saying%20something%20like%20%22%3CU%3EView%2Fdownload%20this%20document%3C%2FU%3E%22%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1423567%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1423567%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F350153%22%20target%3D%22_blank%22%3E%40Rory2019%3C%2FA%3E%26nbsp%3BI%20understand%20this%20requires%20more%20efforts%20but%20this%20would%20be%20the%20way%20to%20go%20in%20modern%20for%20now%20if%20the%20requirement%20is%20to%20insert%20links%20(instead%20of%20using%20the%20file%20viewer%20webpart)%20and%20be%20able%20to%20upload%20a%20document%20that%20would%20be%20stored%20in%20the%20site%20assets%20library.%26nbsp%3B%3C%2FP%3E%3CP%3EAlso%2C%20it%20is%20possible%20to%20use%20sections%20and%20columns%20layout%20to%20put%20the%20links%20next%20to%20the%20text.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1423632%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1423632%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F24099%22%20target%3D%22_blank%22%3E%40Martin%20Coupal%3C%2FA%3E%26nbsp%3BIt%20frustrates%20me%20that%20i%20have%20to%20figure%20out%20a%20load%20of%20workarounds%2C%20which%20the%20average%20user%20will%20not%20know%20how%20to%20do%2C%20to%20get%20what%20is%20essentially%20a%20very%20basic%20feature%20of%20any%20CMS.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1423688%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1423688%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F350153%22%20target%3D%22_blank%22%3E%40Rory2019%3C%2FA%3E%26nbsp%3BI%20understand.%20The%20text%20web%20part%20needs%20to%20include%20these%20features.%20I%20always%20give%20a%20training%20to%20people%20who%20creates%20site%20pages%20and%20normally%20they%20are%20up%20and%20running%20after.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1420871%22%20slang%3D%22en-US%22%3ERe%3A%20Upload%20documents%20and%20create%20links%20in%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1420871%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F10103%22%20target%3D%22_blank%22%3E%40Pete%20Bostrom%3C%2FA%3E%26nbsp%3BThis%20is%20the%20only%20thread%20on%20this%20i%20can%20find%2C%20not%20sure%20if%20a%20solution%20was%20ever%20found.%20This%20is%20a%20baffling%20omission%20of%20functionality.%20Being%20able%20to%20upload%20a%20document%20'on%20the%20fly'%20is%20an%20absolutely%20essential%20bit%20of%20functionality.%20Like%20you%20say%2C%20the%20only%20alternative%20is%20to%20use%20the%20%22file%20viewer%22%20webpart%20which%20takes%20up%20the%20entire%20page%2C%20or%20first%20upload%20the%20document%20then%20go%20back%20in%20an%20edit%20the%20page%20and%20use%20the%20%22insert%20link%22%20button.%20Both%20of%20these%20options%20are%20significantly%20worse%20than%20a%20simple%20%22Upload%20file%22%20feature%2C%20which%20is%20fundamental%20in%20every%20CMS%20i've%20ever%20used%20except%20this%20one.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

In SharePoint 2013, when creating a news page, wiki page, etc we have the Upload File feature, which uploads a file into a selectable document library, and then creates a link to it on the page with a small image of the file type.  This makes the process of adding files to news articles really easy, and for readers, they understand they are clicking on a document link.

 

2018-01-22 15_52_10-Clipboard.png

Moving onto SharePoint Online, the closest we seem to have to this on Modern Pages is the file viewer, which doesn't really scale when you have more than 1 document link to add.  The way this webpart uploads files isn't even consistent with the image webpart, that nicely creates a separate folder in Site Assets >SitePages, and uploads the image to there - whereas the file viewer uploads the document into the root of Shared Documents! I can't see a way to change this.  

 

Does anyone have any tips on how their end-users are managing this sort of inconsistency and lack of ease of use compared to the classic experience? Or am i missing some functionality somewhere?

8 Replies
Highlighted

Did not even know these options that said i thought it is possible to upload directly into a news item which automaticly stores the picture in the siteassets library.

 

Correct me if i am wrong on this one.

Highlighted
You are right - pictures do get uploaded and stored in the siteassets library in a folder with the same name as the news page. This keeps all assets for that news article nicely together.

The problem I have is that the file viewer puts the file in a different location - Share Documents root - and this is not consistent with the picture uploads. So my thoughts would be that the file viewer should upload files into the same siteassets location as the pictures get uploaded.

It would also be good if the file viewer had an option to show a link rather than the file - and then if you have 2 or more files, they show nicely on the page. Yes, we can add hyperlinks into text webparts, but the files need to have been uploaded first.

I can't find anything like this on uservoice, so probably need to add these?
Highlighted

@Pete Bostrom This is the only thread on this i can find, not sure if a solution was ever found. This is a baffling omission of functionality. Being able to upload a document 'on the fly' is an absolutely essential bit of functionality. Like you say, the only alternative is to use the "file viewer" webpart which takes up the entire page, or first upload the document then go back in an edit the page and use the "insert link" button. Both of these options are significantly worse than a simple "Upload file" feature, which is fundamental in every CMS i've ever used except this one.

Highlighted

@Pete Bostrom have you tried the quick links webpart? You can add multiples links and when you add one, you can select existing documents in the site or upload a new one that will get stored in the site assets at the same place where it stores images.

Highlighted

@Martin Coupal This is alright, but far from ideal particularly from a general user perspective who just wants to upload a file as they're adding text. They are hardly likely to know to do this. It also seems quite heavy handed to have to insert a widget to do this which, in addition, results in the widget having to be on an entirely different row to the text it's related to, rather than just a link saying something like "View/download this document"

Highlighted

@Rory2019 I understand this requires more efforts but this would be the way to go in modern for now if the requirement is to insert links (instead of using the file viewer webpart) and be able to upload a document that would be stored in the site assets library. 

Also, it is possible to use sections and columns layout to put the links next to the text.

Highlighted

@Martin Coupal It frustrates me that i have to figure out a load of workarounds, which the average user will not know how to do, to get what is essentially a very basic feature of any CMS. 

 

Highlighted

@Rory2019 I understand. The text web part needs to include these features. I always give a training to people who creates site pages and normally they are up and running after.