Create Collapsible Sections On SharePoint Modern Pages

During this session, we will learn, how we can create Collapsible sections in Modern SharePoint Pages. This new feature has been just rolled out! So, let’s get started!

Overview

During this session, we will learn, how we can create Collapsible sections in Modern SharePoint Pages. This new feature has just rolled out! So, let’s get started! The below screen shows the outcome.

Step 1

Edit your SharePoint Modern Page and click on Edit Icon for the section you want to make collapsible.

Step 2

Now, we need to configure, different Properties.

Make this section collapsible	Property set to true to make our section collapsible
Section display name	Property to show display name for a section.
Show divider line between sections	Property to show divider line between two sections. We will turn on the switch.
Expand/collapse icon alignment	Property to set alignment for Expand/collapse alignment to Right or Left side. We will set Left.
Default display	Property to set default collapsed property for the section. Set turn off for this example!

Step 3

Once the above properties are configured, publish the page and the collapsible section is ready to use. Isn’t that amazing? The output looks like the below screen.

Conclusion

This is how we can make collapsible sections in SharePoint Modern Pages. Isn’t that cool?

Happy SharePointing!!