List item filtering on modern pages with complex dynamic view formatting

In this 12-minute developer focused demo, Chris Kent’s objective here is to make a list with topics and lengthy descriptions more readable and interactive. Create 2 new views (list and gallery) for the same list. Gallery view for button like navigation (topics), and List view to create mini navigation – to move up/down through item descriptions. Use “ID” attribute that links everything together with anchors. Expose views on webpage. All bowser - client-side with out-of-the-box formatting. This PnP Community demo is taken from the General Microsoft 365 Development Special Interest Group (SIG) - Bi-weekly sync call recorded on November 11, 2021.

Demo Presenter: Chris Kent (DMI) | @theChrisKent

Supporting materials:
• Documentation - Use column formatting to customize SharePoint | https://aka.ms/spdocs-column-formatting
• Samples – List Formatting (View samples - Content-browser) | http://github.com/pnp/List-Formatting (Sample available very soon)

Learn more:
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/m365pnp-videos