honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-faqapp/README.md

3.5 KiB
Raw Blame History

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
04/25/2017 12:00:00 AM

Frequently Asked Questions App

Summary

  • This Web Part allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages.
  • This web part allows to search within questions and answers which are stored in a SharePoint FAQ list.
  • "React-autosuggest and react-accessible-accordion" react packages are used for the search and accordion control.

Web part preview

Compatibility

SPFx 1.8.2 Node.js v10 | v8 Compatible with SharePoint Online Does not work with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible

Applies to

Solution

Solution Author(s)
react-FAQApp Ashok Swain - LinkedIn: https://www.linkedin.com/in/ashok-kumar-swain-2627a514
react-FAQApp Abderahman Moujahid

Version history

Version Date Comments
1.0.0 April 25, 2020 Initial release
1.0.1 October 30, 2020 Fix limit 100 items

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

  • git clone the repo
  • npm i
  • npm i -g gulp
  • gulp serve

Local Mode

A browser in local mode (localhost) will be opened. https://localhost:4321/temp/workbench.html

SharePoint Mode

If you want to try on a real environment, open: https://[your-domain].sharepoint.com/_layouts/15/workbench.aspx

Usage

  • Create a FAQ List in SharePoint.
  • Create the below fields:
  • Title field can be considered as "Question" field.
Column Name Field Type
Title Single line of text
Answer Multiple lines of text
Category Single line of text
CategorySortOrder Number
QuestionSortOrder Number
  • Edit the web part, set the ListName in the property pane

Features

  • This Web Part allows users to create Frequently Asked Questions(FAQ App) in modern and classic SharePoint pages.
  • An accordion layout is used to make it easy to browse through different questions.
  • Expand answers to your most frequent questions.
  • Include text, links, images in your answers.
  • A search bar to make your FAQ accordion searchable.
  • This web part allows to search within questions and answers which are stored in a SharePoint FAQ list.
  • Sorting is enabled on both the category & Question