Sep 30, 2022 12:00 AM

List formatting magic – neomorphic design for polished UX

External YouTube Channel

In this 15-minute developer-focused demo, André Lage delivers minimalist design style - 3D look and feel for buttons and graphics applied to 7 newly created JSON neomorphic list formatting controls

Buttons, Options, Rate, Image, Doughnut, Bars, Calendar. The sample controls can be implemented on list columns and views. Create a neomorphic list and distribute it using PowerShell for consistent usage and management across organization. This work inspired by Kristine Kolodziejski.

Demo Presenter - André Lage (Datalynx AG) | @aaclage

More to this topic

Taking your Power Apps mobile navigation UI to the next level!

In this 16-minute citizen developer-focused demo, Kristine Kolodziejski introduces viewers to UI design starting with the “thumb zone” and illuminates other design tips for mobile apps that truly make the difference between awesome and not used

https://www.youtube.com/watch?v=BjhsmcaV2TM&t=0s

Sample - Doughnut Char

This sample changes the appearance of the values in number columns (percent) to a donut chart. The donut chart is displayed using svg.

https://github.com/pnp/List-Formatting/tree/master/column-samples/number-doughnut-chart

Sample Solution Gallery

Explore our sample gallery filled with solutions that integrate seamlessly to the Microsoft products you use the most.

https://adoption.microsoft.com/en-us/sample-solution-gallery/