March 31, 2022

Create Collapsible Sections on SharePoint Modern Pages


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.



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.

No comments:

Post a Comment