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

Office 365 Integrations to Streamline Business Operations and Boost Efficiency

Back in 2013, Nestlé faced a critical challenge. They had over 300,000 employees spread across 150 countries. Communication was fragmented....
Read More
Office 365 Integrations to Streamline Business Operations and Boost Efficiency

Why Workplace Experience Matters and How to Improve It

In 2013, Marissa Mayer, then CEO of Yahoo!, made waves by banning remote work. Her goal? To boost collaboration and...
Read More
Why Workplace Experience Matters and How to Improve It

AI in Procurement How Artificial Intelligence is Changing the Procurement Automation Game

In 1997, IBM’s Deep Blue defeated world chess champion Garry Kasparov. It wasn’t just a win in chess. It was...
Read More
AI in Procurement How Artificial Intelligence is Changing the Procurement Automation Game

All You Need to Know About Microsoft Copilot Wave 2

In September 2024, Microsoft announced Wave 2 of Microsoft Copilot. Just like the launch of the original Office suite in...
Read More
All You Need to Know About Microsoft Copilot Wave 2

How to Build a Successful Employee Intranet for Your Company with HR Directory 365

Your team’s communication is scattered, and the workflow is sluggish. Enter the employee intranet—a one-stop hub for streamlined collaboration and...
Read More
How to Build a Successful Employee Intranet for Your Company with HR Directory 365

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.