Forum Discussion
Full Width in Modern SharePoint Team Site
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.
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
- 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 effortySharif955 did you manage to get the full width webpart at the end?
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.
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
