List Formatting Magic – inlineEditField and setValue for making list fields editable

In this 28-minute developer-focused demo, Chris Kent shows how for most unformatted/basic columns you can slap the inlineEditField: @currentField on existing formats to make the column editable (click and change). For formatted columns or columns with multi-value formatting, use setValue with actionInput and displayValue to accomplish inline editing capability. See how Chris finds and uses community samples (48 Inline Editing samples), found in the PnP List Formatting Samples repo to support his objective.

This PnP Community demo is taken from the Microsoft 365 & Power Platform Development Community call recorded on December 8, 2022.

Demo Presenter
• Chris Kent (DMI) | @theChrisKent

Supporting materials
• Repo – PnP List Formatting | https://github.com/pnp/List-Formatting
• Library – Flicon (Fluent UI icon search) | https://flicon.io/
• Sample - Multi-Person Facepile | https://github.com/pnp/List-Formattin...
• Sample - Person Hover Card | https://github.com/pnp/List-Formattin...

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community