Office 365 Column Formatting with Column Formatter Chris

  • Slides: 17
Download presentation
Office 365 Column Formatting (with Column Formatter) Chris Kent Office 365 Practice Lead aka.

Office 365 Column Formatting (with Column Formatter) Chris Kent Office 365 Practice Lead aka. ms/sppnp the. Chris. Kent. com

Indianapolis, IN Office Developm ent Office 365 Practice Lead @the. Chris. Kent. com aka.

Indianapolis, IN Office Developm ent Office 365 Practice Lead @the. Chris. Kent. com aka. ms/sppnp “Me” the. Chris. Kent. com

Declarative modern listview customization O 365 Column Formatting

Declarative modern listview customization O 365 Column Formatting

The Modern Listview • Responsive • Fancy • Boring aka. ms/sppnp • No XSLT

The Modern Listview • Responsive • Fancy • Boring aka. ms/sppnp • No XSLT • No Calculated Column Trickery the. Chris. Kent. com

Dapp The Modern Listview er aka. ms/sppnp the. Chris. Kent. com

Dapp The Modern Listview er aka. ms/sppnp the. Chris. Kent. com

aka. ms/sppnp the. Chris. Kent. com

aka. ms/sppnp the. Chris. Kent. com

JSON Format (Totally NOT custom code) • Elements – elm. Type • div, span,

JSON Format (Totally NOT custom code) • Elements – elm. Type • div, span, a, img, svg, path, button • Content - txt. Content • Attributes - attributes • class, href, src, rel, target, title, role, d, aria, icon. Name • Style - style • Children – children • Operators & Operands • basic math, comparison, conversion, logical aka. ms/sppnp the. Chris. Kent. com

Demo OOTB Column Formatting aka. ms/sppnp the. Chris. Kent. com

Demo OOTB Column Formatting aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported Action Links Static links (no script) Any type of link aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported Action Links Static links (no script) Any type of link Visualizations Simple Visualizations (HTML & Styles) Whatever! aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported Action Links Static links (no script) Any type of link Visualizations Simple Visualizations (HTML & Styles) Whatever! Page Context @now, @me Full context! aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported Action Links Static links (no script) Any type of link Visualizations Simple Visualizations (HTML & Styles) Whatever! Page Context @now, @me Full context! JS Libraries Nope Go for it! Custom CSS Classes Nope, limited subset & inline styles Go for it! Interactivity Nope (not even hover) Go for it! aka. ms/sppnp the. Chris. Kent. com

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on

Column Formatting vs Field Customizer Customization Column Formatting Field Customizer Conditional Formatting based on item values Supported Action Links Static links (no script) Any type of link Visualizations Simple Visualizations (HTML & Styles) Whatever! Page Context @now, @me Full context! JS Libraries Nope Go for it! Custom CSS Classes Nope, limited subset & inline styles Go for it! Interactivity Nope (not even hover) Go for it! Developer Required “No” Yes Solution Deployment Not needed Required Use Column Formatting whenever possible, but know it’s limits aka. ms/sppnp the. Chris. Kent. com

Share. Point Patterns & Practices Learn. Reuse. Share. aka. ms/sppnp the. Chris. Kent. com

Share. Point Patterns & Practices Learn. Reuse. Share. aka. ms/sppnp the. Chris. Kent. com

Column Formatter Easy editor for modern listview Column Formatting github. com/Share. Point/SP-Dev-Solutions/tree/master/Solutions/Column. Formatter

Column Formatter Easy editor for modern listview Column Formatting github. com/Share. Point/SP-Dev-Solutions/tree/master/Solutions/Column. Formatter