Forum Discussion

bbsin's avatar
bbsin
Iron Contributor
Apr 13, 2020

How to create expand and collapse FAQ on SharePoint Communication Site (Modern Site)?

hi,

 

Can anyone share the steps to create the expandable / collapse to create FAQ like the following when you click it appear and can hide?  

I am not a developer so I don't understand any coding.  I need to put it into the side on my main site.

 

Please provide step by step instructions to create it.  tks

 

 

 

I need the sample above, my site is something like this..

the answers or descriptions are quite long

 

 

Thanks

SharePoint Online

5 Replies

  • Joseph_C_helper's avatar
    Joseph_C_helper
    Copper Contributor
    Jan 21, 2022

    I found some similar question/resolutions for this probably as new technologies and resultant solutions emerged:

    https://sharepointmaven.com/how-to-create-an-accordion-style-faq-in-sharepoint/


    https://www.c-sharpcorner.com/article/create-an-faq-for-sharepoint-site2/

    New SharePoint view formatting samples now available - Microsoft Tech Community

    this last link/url refers us to and states:

    Each sample includes SharePoint site scripts, so you can quickly create the SharePoint lists and views that support the samples and try them out.   And formatted views also work great inside SharePoint web parts or tabs on Microsoft Teams.

     

    You can browse and download all these and more on the https://resources.techcommunity.microsoft.com/templates-downloads/.






    bbsin 

  • Norman Young's avatar
    Norman Young
    MVP
    Apr 13, 2020

    Hi bbsin,

     

    There is no "out of the box" web part available for this functionality. You can use the "React Accordion plugin with SPFx" from the SharePoint GitHub repository to get the functionality you require. The deployment instructions are listed in the README.md file. 

     

    I hope this helps.

     

    Norm

    • bbsin's avatar
      bbsin
      Iron Contributor
      Apr 13, 2020

      sininv1 . <sininv@gmail.com> 10:00 PM (2 minutes ago) to Microsoft Hi Norm, thank you for your reply. I don't understand how to put it into the site.. Sorry I am cannot under the technical and coding side. 

       

      my site is example...https://xxx.sharepoint.com/sites/name of the site/Lists/TEST%20Q/AllItems.aspx 

       

      Do I put the code inside the box show below?  Not sure what code to put.

      can you advice give more details steps. tks

       

       

      • Norman Young's avatar
        Norman Young
        MVP
        Apr 13, 2020

        You will need help from a developer to deploy the solution to your tenant.

Resources