In this 10-minute developer-focused demo, David Warner calls on the Enhanced List Formatting web part that extends the OOB List web part to enhance CSS Styles only on selected pages rather than across site collection. Allows you to use pseudo classes and elements along with animations. Add CSS Styles in Property pane. Examples shown include hover effects (animations), transform labels, community Polaroids, and custom fonts. Examples are CSS only, no JS. This PnP Community demo is taken from the General Microsoft 365 Development Special Interest Group (SIG) - Bi-weekly sync call recorded on August 5, 2021.
Demo Presenter: David Warner II (Catapult Systems) | @DavidWarnerII
Special thanks to: Hugo Bernier (Microsoft) @bernierh, for his contributions on the development of this web part.
Supporting materials:
• Sample - Enhanced List Formatting| [ Ссылка ]
• CSS - Pseudo-elements | [ Ссылка ]
• CSS - Pseudo-classes | [ Ссылка ]
• CSS - animation | [ Ссылка ]
Learn more:
• Learn more about the Microsoft 365 Patterns and Practices community at: [ Ссылка ]
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: [ Ссылка ]
