This website uses cookies to ensure you get the best experience on our website.
Accept

What is HR Software and How HR Apps Empower HR Teams

Ever found yourself buried under stacks of paperwork, drowning in a sea of spreadsheets, or desperately trying to keep up...
Read More
What is HR Software and How HR Apps Empower HR Teams

Level Up Your Workplace Game with an Intelligent Intranet: Here’s How!

Fed up with battling the villains of inefficiency, miscommunication, and scattered information in your daily work lives? Well, fear not,...
Read More
Level Up Your Workplace Game with an Intelligent Intranet: Here’s How!

Kanban Project Management: Your Superpower for Streamlined Success!

In this fast-paced and ever-changing business landscape, agility is crucial, and Kanban is here to save the day!  Picture this:...
Read More
Kanban Project Management: Your Superpower for Streamlined Success!

From Dream to Reality: How Microsoft Viva Goals Can Make It Happen

Do you want to achieve your goals? Of course, you do. Who doesn't? But the truth is, most people never...
Read More
From Dream to Reality: How Microsoft Viva Goals Can Make It Happen

Unlocking the Power of Employee Information: The Ultimate Guide

80% of organizations struggle with scattered employee information. That's like trying to solve a puzzle with missing pieces! But fear...
Read More
Unlocking the Power of Employee Information: The Ultimate Guide

Collapsible Sections on SharePoint Modern pages

 

Finally, SharePoint has put out a long-awaited feature: you can now create collapsible sections on SharePoint modern pages. The functionality allows organizations to include more content on pages, Users can expand the sections based on their needs and find relevant content faster.

To create the collapsible sections on SharePoint pages, follow the steps below.

1. Go to the site collection page where you want to create collapsible section.

2. Click on the edit option from the command bar.

Collapsable Section on sharepoint page

3. Click on the plus button from the left-hand side to add the new section.

Section Layout

 

 

 

 

 

 

 

 

4. Once the new section is added, click on the edit section icon.

Edit Section

5. From the property pane turn on the toggle button for ‘Make this section collapsible’.

Collapasable Section

6. When you turn on the toggle following new options will appear.
a. Section display name
b. Show divider line between section
c. Expand collapse icon alignment
i. Left
ii. Right
d. Default display

Collapsible Section

7. You can make changes in the above configuration per your needs.

8. Once you are done with the configuration, publish the page.

Publish the page

9. Now you have your collapsible sections on the page.

Anchor links in the collapsible section heading

When you use the Text web part to add H1, H2, or H3 headings to SharePoint online modern pages, anchor links are immediately inserted. Collapsible section heads now have similar anchor connections, as seen in the image below.

A link sign appears when you hover over the section heading. The full URL of the modern page, including the anchor in the browser URL bar can be found by clicking this link. To copy the link, right-click on it.

Anchor links on heading

Conclusion

In this blog we have learned how to add collapsible sections on the SharePoint modern pages,

To learn more about SharePoint, connect with us.