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?