SharePoint: Collapsible sections on modern pages

Finally Microsoft is releasing much anticipated feature in SharePoint online – Collapsible sections on modern pages. This new feature will allow users to create rich, information-dense SharePoint pages with sections that can expand and collapse. As part of this release, Microsoft will enable the page authors to configure sections within the modern SharePoint page to be able to expand, collapse and set the default page-load state for the section.

Users will have the ability to show collapsible page sections in an accordion view (collapsed or expanded) or as tabs (future release). The accordion view will be collapsed by default, but can be set to show expanded. This feature will help users to quickly navigate between the page sections and consume the page content more easily.

Release Timeline

Microsoft will begin rolling out this feature to Targeted release tenants (selected users and organization) in early July (complete) and expect to be complete for Standard release in late September (previously late July).

How this will affect your organization

This feature will give page authors new ways to build rich and interesting SharePoint pages with collapsible sections – accordion or tabs.

Collapsible Sections in SharePoint Online modern experience

When you will edit a section on modern page, you will see collapsible group options like below:

Collapsible Sections settings in SharePoint Online

Note: Tabs layout will be rolled out with future releases.

Set Expand/Collapse icon alignment & show divider line between sections

Starting from September 2021, you have two more settings on Edit section panel as shown below:

• You can set Expand/Collapse icon alignment to Left or Right
• You can show divider line between two sections

Set Expand/Collapse icon alignment & show divider line between sections

Anchor links on collapsible section heading

On SharePoint online modern pages, anchor links are automatically added to H1, H2, and H3 headings when you add those in Text web part. Similar anchor links are now available on collapsible section headings as shown in below image. When you hover over collapsible section heading, you will see a link symbol. Clicking this link will give you the full URL of modern page, including the anchor in browser URL bar. You can also right-click on the link to copy it.

Anchor link on collapsible section heading on SharePoint modern page

What you need to do to prepare

You might want to notify your users about this new capability and update your training and documentation as appropriate.

Learn More

• Add sections and columns on a SharePoint modern page

---

Update from Microsoft

We have updated the rollout timeline. While in Targeted Release we received valuable feedback around the behavior of anchor links when used in collapsible sections as well as some formatting issues experienced by users of right-to-left languages. We feel that both of these issues are important for us to address prior to making the feature generally available. We are actively addressing these issues now and expect the solution to reach General Availability with all fixes in place by the end of September 2021. Thank you for your patience.

Updated September 30, 2021: As shared previously, the new collapsible Sections was deployed to 100% of Targeted Release customers. We held the solution at the Targeted Release phase while we addressed some issues that were reported with the solution. The issues have now been addressed and we will be resuming the global rollout to all customers. It is now our expectation that we’ll complete the rollout of the feature by the end of October 2021. Thank you for your patience.

Advertisement

• SharePoint
• SharePoint Online