Modern Document Library Webpart full width

%3CLINGO-SUB%20id%3D%22lingo-sub-285240%22%20slang%3D%22en-US%22%3EModern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-285240%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20All%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20got%20a%20question%20from%20a%20user%20stating%20that%20they%20wonder%20why%20the%20Document%20Library%20webpart%20does%20not%20span%20the%20full%20width%20of%20the%20page%3F%20Any%20settings%20I'm%20missing%20or%20is%20this%20by%20design%20and%20cannot%20be%20changed%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20would%20be%20able%20to%20expand%20the%20webpart%20width%20over%20the%20marked%20space%3F%20If%20its%20possible%3F%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F59504iD3F89489457CBCBB%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%222018-11-12_10h56_32.png%22%20title%3D%222018-11-12_10h56_32.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-285240%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3E2013%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDocument%20Library%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-285551%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-285551%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Chris%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%20for%20the%20information%2C%20then%20I%20know%20that%20there%20is%20a%20limitation.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eregards%3C%2FP%3E%3CP%3EMartin%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-285357%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-285357%22%20slang%3D%22en-US%22%3EYou%20are%20pretty%20much%20stuck%20with%20it.%20I%20wish%20they%20would%20allow%20us%20more%20options%20on%20webpart%20zone%20sizing%2C%20but%20they%20mostly%20do%20this%20to%20help%20with%20responsive%20design.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2103453%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2103453%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F139488%22%20target%3D%22_blank%22%3E%40Martin%20Sagerstrand%3C%2FA%3E%26nbsp%3BI%20too%20have%20a%20client%20asking%20the%20very%20same%20question.%3C%2FP%3E%3CP%3EBusiness%20justification%3A%3C%2FP%3E%3CP%3EWith%20Document%20management%20libraries%20usually%20a%20couple%20of%20metadata%20columns%20need%20to%20be%20displayed%20and%20then%20full%20width%20makes%20a%20lot%20of%20sense.%3C%2FP%3E%3CP%3EThe%20possibility%20for%20full%20witdh%20on%20Modern%20SharePoint%20is%20now%20only%20avialable%20(afaik)%20for%20Image%20and%20Hero%20Webpart.%3C%2FP%3E%3CP%3EThe%20only%20thing%20required%20is%20the%20property%20fullBleed%20in%20the%20webpart's%20manifest.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblog.velingeorgiev.com%2Fhow-add-spfx-webpart-full-width-column%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EHow%20to%20add%20SPFx%20webpart%20to%20full-width%20column%20(velingeorgiev.com)%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20Microsoft%20SPO%20team%20react%20to%20this%20request%2C%20please%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2105078%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2105078%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F234052%22%20target%3D%22_blank%22%3E%40Carry4IT%20Megens%3C%2FA%3E%26nbsp%3Binteresting%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20seen%20many%20cases%20where%20a%20full%20with%20doc%20library%20would%20be%20a%20nice%20feature%20and%20users%20always%20asking%20why%20it%20cant%20be%20full%20with..%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eregards%3C%2FP%3E%3CP%3EMartin%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2105434%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2105434%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F139488%22%20target%3D%22_blank%22%3E%40Martin%20Sagerstrand%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EHi%2C%3CBR%20%2F%3E%3CBR%20%2F%3EThis%20is%20actually%20possible%20to%20configure%20with%20coding%20(adding%20a%20custom%20SPFx%20web%20part)%20that%20changes%20the%20limitations.%20However%2C%20this%20would%20require%20having%20maintenance%2C%20someone%20stand-by%20to%20be%20able%20to%20help%20out%20when%20Microsoft%20does%20changes%20to%20the%20core%20structure.%20So%20that%20the%20design%20changes%20can%20adapt%20to%20SharePoint%20responsive%20design.%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20code%20itself%20only%20requires%203%20lines%20of%20code%20at%20maximum.%20The%20real%20challenge%20is%20to%20have%20someone%20to%20understand%20what%20it%20does%20and%20be%20able%20to%20maintain%20it%20when%20required.%3CBR%20%2F%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2105452%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Document%20Library%20Webpart%20full%20width%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2105452%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F139488%22%20target%3D%22_blank%22%3E%40Martin%20Sagerstrand%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EI%20have%20uploaded%20an%20image%20here%20as%20example%20when%20using%20full%20width%20of%20the%20page.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22ArefHalmstrand_0-1611829800006.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F250219iFEFC5E7CA95E9AE8%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22ArefHalmstrand_0-1611829800006.png%22%20alt%3D%22ArefHalmstrand_0-1611829800006.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hi All,

 

I got a question from a user stating that they wonder why the Document Library webpart does not span the full width of the page? Any settings I'm missing or is this by design and cannot be changed?

 

I would be able to expand the webpart width over the marked space? If its possible?

2018-11-12_10h56_32.png

 

11 Replies
You are pretty much stuck with it. I wish they would allow us more options on webpart zone sizing, but they mostly do this to help with responsive design.

Hi Chris,

 

thanks for the information, then I know that there is a limitation. 

 

regards

Martin

@Martin Sagerstrand I too have a client asking the very same question.

Business justification:

With Document management libraries usually a couple of metadata columns need to be displayed and then full width makes a lot of sense.

The possibility for full witdh on Modern SharePoint is now only avialable (afaik) for Image and Hero Webpart.

The only thing required is the property fullBleed in the webpart's manifest. 

How to add SPFx webpart to full-width column (velingeorgiev.com)

 

Can Microsoft SPO team react to this request, please?

@Carry4IT Megens interesting :)

 

I have seen many cases where a full with doc library would be a nice feature and users always asking why it cant be full with.. 

 

regards

Martin

@Martin Sagerstrand 

Hi,

This is actually possible to configure with coding (adding a custom SPFx web part) that changes the limitations. However, this would require having maintenance, someone stand-by to be able to help out when Microsoft does changes to the core structure. So that the design changes can adapt to SharePoint responsive design.

The code itself only requires 3 lines of code at maximum. The real challenge is to have someone to understand what it does and be able to maintain it when required.

Yours sincerely,
Aref Halmstrand

@Martin Sagerstrand 


I have uploaded an image here as example when using full width of the page.

ArefHalmstrand_0-1611829800006.png


Yours sincerely,
Aref Halmstrand

@ArefHalmstrand thank you for your follow up. Exactly that: it requires a custom webpart.
Why does Microsoft not provide the option ootb?
I cannot understand.

Nice,

 

yes that is a shame, this should def. be an OOTB feature

 

//Martin

@Carry4IT Megens 

 

Done.. :)

 

regards

Martin

Bummer. Now Micrsooft turns away from Uservoice I hope they still make the very small change required in their webparts to include FullBleed. Can someone from SharePoint team react to this please?