Create Collapsible Sections on SharePoint Modern Pages

Overview:

In this article, we will learn, how we can create Collapsible Sections in Modern SharePoint Pages. So, let’s get started!

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 in out of the box manner. Isn’t that cool?

Happy SharePointing!!

If you have any questions you can reach out our SharePoint Consulting team here.