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...

Copper Contributor

Nov 12, 2023

SvenSieverding

Can you link to steps for creating a "Full Bleed" iframe web part. I googled a lot and did not find any results. Any help would be really appreciated, I need steps to create a full bleed iframe webpart. Or if you upload your web parts in a way so I can please import your webpart so I can use it in full width section in sharepoint online page that would be even better. Please check this and thank you in advance for your help.

SvenSieverding

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