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-faqs
History
Arun Kumar Perumal c93b63c30a updated readme 2022-03-07 07:52:55 +05:30
..
assets initial release 2022-03-07 07:49:49 +05:30
config initial release 2022-03-07 07:49:49 +05:30
src initial release 2022-03-07 07:49:49 +05:30
teams initial release 2022-03-07 07:49:49 +05:30
.gitignore initial release 2022-03-07 07:49:49 +05:30
.npmignore initial release 2022-03-07 07:49:49 +05:30
.yo-rc.json initial release 2022-03-07 07:49:49 +05:30
README.md updated readme 2022-03-07 07:52:55 +05:30
gulpfile.js initial release 2022-03-07 07:49:49 +05:30
package-lock.json initial release 2022-03-07 07:49:49 +05:30
package.json initial release 2022-03-07 07:49:49 +05:30
tsconfig.json initial release 2022-03-07 07:49:49 +05:30
tslint.json initial release 2022-03-07 07:49:49 +05:30

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
03/07/2022 12:00:00 AM

Frequently Asked Questions with Property Feld Colection Data

Summary

  • This Web Part allows users to create Frequently Asked Questions using Property Field Collection Data for SharePoint Online.
  • This web part allows to search within questions and answers which are stored in a Property Field Collection Data and can be easily edited inline within the webpart using Property Pane. Search text is highligted in the search results.
  • Provides options to view as an Accordion or Tab.
  • In mobile browser defaults to Accordion view.

Web part preview

Used SharePoint Framework Version

version

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Prerequisites

There are no pre-requisites to use these samples.

Solution

Solution Author(s)
react-Faqs Arun Kumar Perumal - LinkedIn: https://www.linkedin.com/in/arunkumarperumal/

Version history

Version Date Comments
1.0 March 07, 2022 Initial release

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

  • Clone this repository
  • Ensure that you are at the solution folder
  • in the command-line run:
    • npm install
    • gulp serve

Features

This Web Part allows users to create Frequently Asked Questions using Property Field Collection Data for SharePoint Online.

Has the following features:

  • Ability to create FAQ Categories
  • Ability to create FAQs with Rich Text Editor for Answer using PnP Rich Text Control
  • Ability to sort FAQs with capability from PnP Property Pane PropertyFieldCollectionData
  • Ability to view the FAQs as an Accordion or Tab
  • Ability to search based on FAQ Question and Answer and highlights the search term in the results
  • Defaults to Accordion in Mobile displays
  • Uses Custom Accordion components included in the code.
  • Use the site Primary colors and themes for display-
  • Uses Office UI Fabric Search Box for the search functionality

Share your web part with others through Microsoft 365 Patterns and Practices program to get visibility and exposure. More details on the community, open-source projects and other activities from http://aka.ms/m365pnp.

References