Forum Discussion

Copper Contributor

Aug 09, 2023

Full Width in Modern SharePoint Team Site

Hello We use modern SharePoint pretty much out of the box with some customizations. I understand that Full Width sections are really only supported in Communications sites and not team sites or pag...

Bronze Contributor

Nov 13, 2023

Hi ySharif955 ;

Sure.... I created a sample at
https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-advanced-iframe

In order to have a webpart that can be added into a "Full-Width" section, you need to set the property "supportsFullBleed" to true in the manifest file for the webpart
https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-advanced-iframe/src/webparts/advancediframewebpart/AdvancedIFrameWebpart.manifest.json

Best Regards,
Sven

ySharif955

Copper Contributor

Nov 14, 2023

Thank you very much for your explanation. However can you show step by step instructions on how to make your code into a SharePoint online webpart. I googled a lot but didn't find any good guide showing how to convert code into a SharePoint online webpart. I'm very new here and don't understand everything immediately. Any help would be really appreciated, Thank you 🙂

Also, one time I added a webpart to my SharePoint online, it was just few clicks only and there was no code and no GitHub needed, It was only you click few buttons and it added the new webpart to your SharePoint Online. Do you know this method it will be much better. Thank you for your time and effort

Harris0261
Copper Contributor
May 20, 2024
ySharif955 did you manage to get the full width webpart at the end?
- ySharif955
  Copper Contributor
  May 20, 2024
  Harris0261 I used "enhanced powerapps" web part, it gave me ability to display powerapps applications in full width. I don't remember well but I don't think I used the information mentioned here to do this, I just took it from a different website as far as I remember.
  - Harris0261
    Copper Contributor
    May 20, 2024
    can you pls send me the link of where you get it?
xyzt70
Copper Contributor
Dec 19, 2023
ySharif955

I work at a company that creates a design add-on for SharePoint that offers this feature:

It might be out of your budget but just sharing it in case someone is looking to add advanced design capabilities such as full width sections on team sites and more to their SharePoint environment.

Here's our website: https://shortpoint.com
We're a Microsoft Gold Partner and you can see the long list of big names that are using our product for enhancing SharePoint.

All the best