In this article, I will discuss something really cool way to create FAQs in SharePoint using CSR (Accordion)
Client side rendering is so awesome once you play around with the code and implement it in the list.
The best part of the CSR is, you just work on some couple of JS files and upload it to your library and done.
So let’s start the process of creating a FAQ page.
Final page will look like:
Step 1: Create a list and give it a name, it can be anything. I have given FAQ List.
If you don’t know how to create a list just follow this article here.
Step 2: Create a column name Description, make sure you use Description as a column name or change the code which I will provide in this article.
If you don’t know how to create a column, you can follow this article here. Also, put some content on the list.
In this JS file, I have put ID and title together and have appended bracket so that it looks good.
Step 4: Create a page, name anything you like and then add a list web part which we created i.e FAQ List
Note: jquery1.7.2.min.js is important, sometimes it doesn’t work without it. In my case, I had to reference it in SharePoint Online. Also, make sure you disable minimal download strategy feature.
So I hope you find it easy to implement, let me know in the comments if you have any issues.