Others

How to Make a SharePoint Web Part Use Full Page Width

WPS Editor Sep 30, 2026 869 views

Question details

The user wants to expand an embedded Visio chart web part to occupy the full page width on a SharePoint site.

How to Make a SharePoint Web Part Use Full Page Width

Product: SharePoint
Device & OS: not provided
Scenario: Embedding a Visio chart onto a SharePoint page via an iframe and attempting to expand it by setting the width and height to 100 percent.
Observed behavior: The embedded chart does not expand to the full page width because SharePoint's page layout rigidly controls web part sizes, preventing them from extending beyond their assigned columns.

Before you start

Verify that you have edit permissions for the target SharePoint page. Note that standard iframe embed codes are restricted by SharePoint's column-based grid system, meaning simple iframe size adjustments won't override the overarching page layout.

Solution 1Recommended

Change the SharePoint Section to a One-Column Layout

To get the maximum standard width for your embedded web part, adjust the section layout to use a single column.

SharePoint controls web part dimensions strictly through its grid layout. Setting an iframe width to 100% only fills the column it resides in, not the whole page. Changing to a one-column layout maximizes the available space.

Edit the page

Navigate to your SharePoint page and click the 'Edit' button located at the top right corner of the screen.

Edit the section

Hover over the left side of the section containing your embedded Visio chart web part and click the 'Edit section' icon.

Select One column

In the Section layout properties pane on the right side, select 'One column'. This expands the column to the maximum standard content width allowed by the template.

Republish the page

Click 'Republish' at the top right to save the changes and apply the new layout width to your web part.

Change the SharePoint Section to a One-Column Layout

Full-width Section Limitation: SharePoint's native 'Full-width section' is only compatible with a few select web parts, like the Hero or Image web parts. Standard embed web parts cannot be placed in a native full-width section.

Solution 2

Use SharePoint Framework (SPFx) Customizations

If the standard one-column width is still insufficient, deploying a custom SPFx solution is required to break out of the native grid constraints.

Free Microsoft Office alternative

Simplify Your Document Management with WPS Office

While managing complex SharePoint layouts requires specific technical workarounds, your day-to-day document creation doesn't have to be complicated. WPS Office is a highly compatible, free, and lightweight alternative to Microsoft Office that offers a familiar interface, ensuring you can manage your files, charts, and spreadsheets effortlessly.

1. Download the software: Visit the official WPS Office website and download the free installation package for your operating system.
2. Install and launch: Run the installer and open WPS Office to access the suite of Writer, Spreadsheets, and Presentation tools.
3. Create your documents: Start creating and formatting your documents and charts immediately with full Microsoft format compatibility.

Seamlessly compatible with Microsoft Office formats (Word, Excel, and PowerPoint).Free and lightweight, making it easy to deploy on any desktop or mobile device.Built-in robust charting and diagram tools without the frustration of complex embedding constraints.Familiar user interface ensuring a smooth migration from Microsoft Office.

Frequently Asked Questions

Why doesn't changing the iframe width to 100% make it full-screen?

In SharePoint, an iframe width set to 100% means it will take up 100% of the container (column) it is placed in, not the entire browser window. The overall page layout template restricts the maximum absolute width.

Can I use the 'Full-width section' for a Visio chart web part?

No. SharePoint's native Full-width section is restricted to very specific out-of-the-box web parts, such as the Image or Hero web parts. Standard Embed web parts and Visio charts are not supported in this specialized section.

What is the maximum width I can achieve without custom code?

The maximum standard width for unsupported full-width web parts is achieved by placing the web part in a 'One-column' layout section. This will allow the web part to span the entire standard content area of the SharePoint page.

Office Quick Solutions