This Adaptive Card Extension shows how to work with form elements and form data in an Adaptive Card. It is an example of how to use an ACE to interact with SharePoint List data using PnPJS.
Get your own free development tenant by subscribing to Microsoft 365 developer program
| Solution | Author(s) |
|---|---|
| BasicCard-SharePoint-CRUD | Derek Cash-Peterson (@spdcp) [Sympraxis Consulting] (https://www.sympraxisconsulting.com) |
| Version | Date | Comments |
|---|---|---|
| 1.1 | November 14, 2022 | Upgrade to 1.15.2 |
| 1.0 | January 13, 2021 | Initial release |
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.
- Clone this repository
- Ensure that you are at the solution folder
- in the command line run:
npm installgulp build --shipgulp bundle --shipgulp package-solution --ship
- Browse to your SharePoint app catalog and load the SPFX package.
- in the command line run:
gulp serve --nobrowser
- browse to your hosted workbench https://YOURTENANT.sharepoint.com/sites/_layouts/15/workbench.aspx and add the adaptive card extension.
- in the command line run:
This ACE shows how to work with different form elements to collect and display data from an Adaptive Card and store that data in a SharePoint list. A sample list is automatically provisioned when the ACE is loaded for the first time. It also shows how to navigate from one view to another with multiple cards.
- Getting started with SharePoint Framework
- Build your first SharePoint Adaptive Card Extension
- Designing Viva Connections custom cards for your dashboard
- Building for Microsoft teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development