diff --git a/samples/react-accordion-dynamic-section/README.md b/samples/react-accordion-dynamic-section/README.md index c5f3ccad6..f651fd123 100644 --- a/samples/react-accordion-dynamic-section/README.md +++ b/samples/react-accordion-dynamic-section/README.md @@ -28,17 +28,22 @@ **2) Add the Dynamic Accordion Section web part to your page & select your list, category, title and content columns. Click Apply and Publish:** -![Select list and other properties from property panel for use with the Accordion](./assets/AccordionSettings1.png) -![Completed properties.](./assets/AccordionSettings2.png) +![Select list and other properties from property panel for use with the Accordion](./assets/AccordionSettings4.png) +![Completed properties.](./assets/AccordionSettings3.png) -## Used SharePoint Framework Version -![1.10.0](https://img.shields.io/badge/version-1.10.0-green.svg) +## Compatibility + +![SPFx 1.10.0](https://img.shields.io/badge/version-1.10.0-green.svg) +![Node.js LTS v10](https://img.shields.io/badge/Node.js-LTS%20v10-green.svg) +![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg) +![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams") ## Applies to -- [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) -- [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) +* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) +* [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) + ## Prerequisites @@ -46,24 +51,22 @@ Please create the list as described above ## Solution -| Solution | Author(s) | -| ------------------------------------------ | ---------------------------------------------------------------------------------------- | -| SPFx Collapsible Accordion Section | [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke)) | -| SPFx Collapsible Accordion Section | [Mike Zimmerman](https://github.com/mikezimm) | -| Dynamic SPFx Collapsible Accordion Section | [Jerry Yasir](https://github.com/jyasir) | +| Solution | Author(s) | +| ------------------------------------------ | -----------------------------------------------------------------------------------------------------| +| SPFx Collapsible Accordion Section | [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke)) | +| SPFx Collapsible Accordion Section | [Mike Zimmerman](https://github.com/mikezimm) | +| Dynamic SPFx Collapsible Accordion Section | [Jerry Yasir](https://github.com/jyasir) | +| Dynamic SPFx Collapsible Accordion Section | [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023)) | ## Version history | Version | Date | Comments | | ------- | ------------------ | --------------------------------------------------------------------------------------------------- | -| 1.0 | September 20, 2020 | Reused [Erik Benke] and [Mike Zimmerman] web part | +| 1.0 | September 20, 2020 | Reused [Erik Benke] and [Mike Zimmerman] web part | | 1.1 | September 20, 2020 | Added Support for Dynamic Column selection for reuseability, Dynamic Property Selection for Columns | +| 1.8 | August 8, 2021 | Add configuration for sorting the 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 @@ -75,4 +78,19 @@ Please create the list as described above - Use `gulp bundle --ship` & `gulp package-solution --ship` - Add the `.sppkg` to your SharePoint App Catalog +## 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.** + +## Help + +We do not support samples, but we this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues. + +If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20). + +For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20). + +Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20). + + diff --git a/samples/react-accordion-dynamic-section/assets/AccordionSettings3.png b/samples/react-accordion-dynamic-section/assets/AccordionSettings3.png new file mode 100644 index 000000000..10a6c776a Binary files /dev/null and b/samples/react-accordion-dynamic-section/assets/AccordionSettings3.png differ diff --git a/samples/react-accordion-dynamic-section/assets/AccordionSettings4.png b/samples/react-accordion-dynamic-section/assets/AccordionSettings4.png new file mode 100644 index 000000000..56497391c Binary files /dev/null and b/samples/react-accordion-dynamic-section/assets/AccordionSettings4.png differ