Forum Discussion
Solved
Enable full width column for hosting SP List on a Site Page of modern site on SPO
Hi Community, Can somebody please suggest as to how can i have a full-width column on a site page to allow for the full screen view for my SharePoint list on the page. If you see below- my sampl...
- Hello,
There are two options to solve this:
1. Add SPFx web part for embeded code and manipulate the DOM to remove the max-width style for the specific area.
2. Create a SPFx web part to display the list and in the manifest, allow it to be shown as full width web part.
https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-script-editor
Here is the first step. However, a developer needs to help out with deploying the application and adding the code.
Question: Do you want this to apply on one site, or all sites ? The current solution that I have suggested is based on deploying the code on a specific page. It is not ideal to add the code over and over again.
If it needs to be deployed everywhere, an SPFx extension is a better way to solve this.
Here is the first step. However, a developer needs to help out with deploying the application and adding the code.
Question: Do you want this to apply on one site, or all sites ? The current solution that I have suggested is based on deploying the code on a specific page. It is not ideal to add the code over and over again.
If it needs to be deployed everywhere, an SPFx extension is a better way to solve this.
ArefHalmstrand Thanks again.
I just need it on 1 site page- not on the whole site.
- Okay!
Let us take this conversation further through private message and MS Teams. 🙂ArefHalmstrand - I am looking to accomplish this same request (adding a list WP to a full column width on a single page, on a single SPO site). I was wondering if you could share the steps to implement this. Thank you in advance for your time.
DB_22 Here's Microsoft official documentation to create a custom web part using SPFx with the full-width column: Use web parts with the full-width column
Please consider giving a Like if my post helped you in any way.
