Forum Discussion

apatel3's avatar
apatel3
Brass Contributor
Feb 19, 2021
Solved

Collapsible and Expandible section in Modern Page Sharepoint online

Our users has long pages of information with different topic similiar to FAQ's with table sections. It's not user friendly to scroll down to the topic. I want to create collapsible/expandible section to modern page in sharepoint site. Please help me or share your suggestion. 

  • apatel3 

    Finally, collapsible/expandable sections will be released to modern pages in SharePoint online this month.

     

    You can find short overview & release timeline of this feature at: SharePoint: Collapsible sections on modern pages 


    Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

20 Replies

  • Roberta Freese's avatar
    Roberta Freese
    Copper Contributor

    apatel3 

    This has started rolling out, just noticed that our tenant has it, 

    https://m365admin.handsontek.net/sharepoint-collapsible-sections/

    https://www.microsoft.com/en-us/microsoft-365/roadmap?filters=&searchterms=collapsible 

  • apatel3 

     

    Collapsible sections on modern pages in SharePoint are coming soon. Currently it is in development phase. You can track it's progress at: Microsoft 365 Roadmap 

     

    I will suggest you to wait for this feature to get released (as this will be out of the box solution). But, in the mean time if you want to get started with SPFx web part then have a look at below SPFx sample:

    Using React Accordion plugin with SPFx  

     

    You can download the code from this GitHub repo and use it as it is if this satisfies your requirements or you can enhance it after downloading as per your requirements.


    Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

      • apatel3 

        Finally, collapsible/expandable sections will be released to modern pages in SharePoint online this month.

         

        You can find short overview & release timeline of this feature at: SharePoint: Collapsible sections on modern pages 


        Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

  • RobElliott's avatar
    RobElliott
    Silver Contributor

    apatel3 I don't know whether this could be done with SPFx (we can't use it at my company so I have no knowledge of it) but there's no way of doing this out-of-the-box with a modern SharePoint page.

     

    Rob
    Los Gallardos
    Microsoft Power Automate Community Super User

      • RobElliott's avatar
        RobElliott
        Silver Contributor

        apatel3 No. As I said in my previous post, we are not allowed to use it at my company so I have no knowledge of it.

         

        Rob
        Los Gallardos
        Microsoft Power Automate Community Super User

Resources