Full width Section in SharePoint modern UI Page

%3CLINGO-SUB%20id%3D%22lingo-sub-2869279%22%20slang%3D%22en-US%22%3EFull%20width%20Section%20in%20SharePoint%20modern%20UI%20Page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2869279%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3EI%20am%20new%20to%20SharePoint%20modern%20UI%20Branding.%20May%20I%20request%20for%20any%20work%20around%20or%20feedback%20on%20the%20below%20mentioned%20point.%3C%2FP%3E%3COL%3E%3CLI%3EHow%20to%20use%20full%20width%20in%20SharePoint%20online%20modern%20page.%3C%2FLI%3E%3CLI%3ENow%20SharePoint%20is%20providing%20only%20three%20we%20parts%20to%20add%20in%20full%20width%20section%3COL%3E%3CLI%3EImage%3C%2FLI%3E%3CLI%3EHero%3C%2FLI%3E%3CLI%3ECountdown%20Timer%3C%2FLI%3E%3C%2FOL%3E%3C%2FLI%3E%3CLI%3EI%20need%20to%20use%20custom%20and%20other%20out%20of%20box%20we%20parts%20in%20full%20width%20sections.%3C%2FLI%3E%3C%2FOL%3E%3CP%3EThank%20you%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2869279%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-2870081%22%20slang%3D%22en-US%22%3ERe%3A%20Full%20width%20Section%20in%20SharePoint%20modern%20UI%20Page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2870081%22%20slang%3D%22en-US%22%3ECurrently%2C%20there%20is%20a%20limitation%20on%20which%20out%20of%20the%20box%20web%20parts%20can%20be%20displayed%20within%20full%20width%20sections%2C%20however%2C%20SharePoint%20Framework%20(SPFx)%20solutions%20can%20be%20configured%20to%20support%20full%20width%20display%20by%20setting%20the%20supportsFullBleed%20property%20to%20true.%3CBR%20%2F%3E%3CBR%20%2F%3EMore%20information%3A%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fbasics%2Fuse-web-parts-full-width-column%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fbasics%2Fuse-web-parts-full-width-column%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EI%20hope%20that%20helps%20to%20clarify%20the%20current%20situation.%3C%2FLINGO-BODY%3E
Contributor

Hi,

I am new to SharePoint modern UI Branding. May I request for any work around or feedback on the below mentioned point.

  1. How to use full width in SharePoint online modern page.
  2. Now SharePoint is providing only three we parts to add in full width section
    1. Image
    2. Hero
    3. Countdown Timer
  3. I need to use custom and other out of box we parts in full width sections.

Thank you

2 Replies
Currently, there is a limitation on which out of the box web parts can be displayed within full width sections, however, SharePoint Framework (SPFx) solutions can be configured to support full width display by setting the supportsFullBleed property to true.

More information: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/basics/use-web-parts-full-width-colum...

I hope that helps to clarify the current situation.
@mytech1982 - This is an issue I am dealing with as well. Apparently, only Modern Experience "Communication" sites can utilize the full width page. Since our site was created as a "Collaboration" site, it appears we do not have access to the full-width-template.
Why Microsoft has decided that we do not need a full-width page for Collaboration sites is lost on me. It is extremely frustrating embedding a list into a page, only to have it truncated by the column width while having about 40% of the screen real estate empty and un-utilized.
We are in the process of updating our SharePoint Online site from an older classic experience to modern experience. So far, I like the modern experience list and library features. However, the UX design experience is a nightmare. Microsoft has chosen to adopt designs that maximize wasted space and providing no easy means to customize. Furthermore, Microsoft seems wholly opposed to borders or shading to distinguish sections.
It is extremely frustrating. I believe in another decade this boondoggle of maximized negative space with no distinguishable elements will be considered the "web mullet" of the twenty-twenties, and will be looked back upon in like manner to the 3D/blinking/scrolling text of the nineties.