How to make Org Chart use the full width of the page

Give Org Chart a dedicated SharePoint app page to display the chart at full size. The chart uses the available page space, giving users an app-like experience inside SharePoint.

Completed SharePoint app page with an organizational chart filling the available page space

There are two ways to use the full page width:

  • App page: Give Org Chart its own page on either a Communication site or a Team site.

  • Full-width section: Display Org Chart in a full-width section of a regular page on a Communication site.

The steps involved depend on whether you have a Communication site or a Team site. When you create a SharePoint site, the choice between the two options is presented as follows:

SharePoint site creation options: Team site for collaboration and Communication site for sharing information

For an existing site, you can find out whether it is a Communication site or a Team site in the SharePoint admin center. Navigate to Active sites and check the Template column.

If you would like to change the web part’s height after adding the web part, you can find the option in Configuration wizard’s General settings.

Adding the web part as an app page

This method is suitable for both Communication and Team sites.

Navigate to the site’s Home page, open the New menu and click Page.

SharePoint home page with the New menu open and the Page option highlighted

You will be presented with a selection of page templates. Select Plumsail Org Chart in the Full-page apps section.

SharePoint template gallery with Plumsail Org Chart highlighted in the Full-page apps section

Click Use this template.

Plumsail Org Chart template preview with the Use this template button highlighted

Then click Edit and specify the Title in App page details on the right. Click Configuration wizard, complete the setup, and click Finish. Then click Save to save the page.

If you want to configure Org Chart at a later time, you can skip configuration: just enter the Title and click Save.

SharePoint app page with numbered callouts for the Title field, Configuration wizard button, and Save button

Hint

To find the page you created, open Site contents > Site Pages, or use Pages in your site navigation.

Adding the web part to a full-width section

This method is only suitable for Communication sites.

Navigate to the page where you want to add the web part. Click Edit, then add a Full-width section.

SharePoint page editor with Full-width section highlighted in the section layout menu

You will be presented with a selection of web parts. Select Plumsail Org Chart.

After the web part is added, you will be able to configure it.

Empty full-width section with Plumsail Org Chart highlighted among the available web parts