Column formatting not showing when view shown in a List Web Part (Modern Page and List)

%3CLINGO-SUB%20id%3D%22lingo-sub-161460%22%20slang%3D%22en-US%22%3EColumn%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-161460%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20a%20list%20with%20a%20JSON%20Column%20Formatter%20applied%2C%20the%20column%20format%20works%20fine%20when%20viewing%20the%20list%20directly%2C%20however%20when%20I'm%20using%20the%20List%20Web%20Part%20(still%20appears%20to%20be%20a%20preview%20part)%2C%20the%20column%20formats%20are%20not%20displayed.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIs%20this%20a%20known%20limitation%3F%20Are%20there%20any%20timescales%20for%20a%20fix%2C%20or%20any%20workarounds%20available%20to%20allow%20me%20to%20embed%20a%20list%20view%20into%20a%20page%20with%20multiple%20other%20web%20parts%20and%20retain%20the%20column%20formatting%20from%20the%20JSON%20Formatter%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-394835%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-394835%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3273%22%20target%3D%22_blank%22%3E%40Matt%20Hobbs%3C%2FA%3E%26nbsp%3BThis%20is%20very%20confusing.%20I%20have%20two%20modern%20communication%20sites.%20They%20are%20very%20simple%20sites.%20I%20applied%20the%20same%20exact%20(copied%20and%20pasted)%20JSON%20formatting%20to%20a%20view.%20It%20looks%20great%20when%20looking%20at%20the%20library.%3C%2FP%3E%3CP%3EI%20display%20the%20library%20with%20a%20Document%20Library%20Web%20Part%2C%20usingthe%20formatted%20view.%20On%20one%20site%20it%20works%20perfectly.%20On%20the%20other%20site%20it%20refuses%20to%20render.%20Colors%20and%20hovering%20behavior%20are%20the%20most%20affected.%20I%20see%20a%20lot%20of%20gray.%20Depending%20on%20the%20browser%2C%20hover%20may%20or%20may%20not%20work.%3C%2FP%3E%3CP%3EBut%20why%20is%20this%20inconsistent%20between%20my%20two%20sites%3F%3C%2FP%3E%3CP%3EI%20would%20appreciate%20any%20insight%20to%20this.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-333871%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-333871%22%20slang%3D%22en-US%22%3E%3CP%3EFor%20the%20record%2C%20here%20is%20a%20test%20list%20with%20the%20first%20column%20rendered%20using%20my%20code%20and%20the%20second%20column%20rendered%20using%20the%20built-in%20color%20formatter.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20540px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F72540i6E73A64419868D80%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22list-formatting.png%22%20title%3D%22list-formatting.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20here%20is%20the%20same%20list%20embedded%20in%20a%20modern%20site%20page...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20498px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F72541iA113875BFD56F995%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22list-formatting-in-page.png%22%20title%3D%22list-formatting-in-page.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-333863%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-333863%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20the%20clarification%2C%20but%20as%20noted%20in%20my%20previous%20post%20it%20was%20also%20not%20working%20in%20modern%20Site%20Pages.%20I%20did%20manage%20to%20write%20some%20JSON%20code%20that%20works%2C%20but%20only%20by%20setting%20background%20color%20directly%2C%20not%20via%20predefined%20classes.%20I%20kept%20it%20simple%20here%20w%2Fo%20conditional%20logic%20by%20just%20making%20the%20values%20of%20the%20list%20choice%20%3CA%20href%3D%22https%3A%2F%2Fwww.w3schools.com%2Fcolors%2Fcolors_names.asp%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ean%20HTML%20color%20name%3C%2FA%3E%26nbsp%3B(I%20only%20needed%20Red%2FYellow%2FGreen%20for%20status).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22elmType%22%3A%20%22div%22%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%20%22background-color%22%3A%20%22%40currentField%22%20%7D%3CBR%20%2F%3E%7D%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-332414%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-332414%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1172%22%20target%3D%22_blank%22%3E%40Darin%20Hawley%3C%2FA%3E%26nbsp%3B%3CSPAN%3EWeb%20Part%20Page%2C%20Wiki%20Page%20are%20classic%20SharePoint%20pages.%20The%20column%20formatting%20only%20works%20on%20the%20modern%20web%20parts%2C%20which%20are%20available%20on%20the%20modern%20pages%20only.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-331773%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-331773%22%20slang%3D%22en-US%22%3E%3CP%3ENot%20working%20here%20either.%20Applied%20coloring%20with%20the%20standard%20%22Fill%20background%20color%22%20template%20for%20a%20choice%20field%2C%20and%20looks%20great%20in%20the%20modern%20list%20view.%20But%20have%20tested%20now%20in%20Web%20Part%20Page%2C%20Site%20Page%2C%20and%20Wiki%20Page%20and%20none%20of%20them%20is%20displaying%20the%20background%20color%20formatting.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt's%20been%20almost%20a%20year%20since%20original%20post%2C%20and%20several%20months%20since%20promised%20fix.%20Any%20update%3F%20Some%20people%20are%20reporting%20the%20behavior%20fixed%2C%20others%20not.%20Was%20it%20not%20fully%20deployed%2C%20or%20rolled%20back%3F%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-331578%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-331578%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20doesn't%20work%20for%20me%2C%20too.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-323877%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-323877%22%20slang%3D%22en-US%22%3E%3CP%3ESo%2C%20I%20have%20a%20page%20that%20has%20multiple%20lists%20that%20I'd%20like%20to%20customize.%26nbsp%3B%20The%20first%20two%20web%20parts%20that%20I%20added%20with%20the%20first%20two%20lists%20work%20great.%26nbsp%3B%20None%20of%20the%20rest%20are%20using%20the%20list%20styling.%26nbsp%3B%20How%20do%20I%20make%20that%20happen%20for%20more%20than%20just%20two%20lists%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-321208%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-321208%22%20slang%3D%22en-US%22%3E%3CP%3EHi!%20I%20read%20the%20issue%20was%20resolved%20but%20I%20do%20not%20manage%20to%20see%20the%20column%20formatting%20in%20the%20webpart%20that%20I%20inserted%20into%20the%20starpage.%20My%20JSON%20code%20in%20the%20formatting%20part%20of%20the%20column%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22elmType%22%3A%20%22img%22%2C%3CBR%20%2F%3E%22attributes%22%3A%20%7B%3CBR%20%2F%3E%22src%22%3A%20%22%3D'%3CA%20href%3D%22https%3A%2F%2Fngkdeontmoeting.sharepoint.com%2Fsites%2Fintranet%2FLedenfotos%2F'%2B%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxxxx.sharepoint.com%2Fsites%2Fintranet%2FLedenfotos%2F'%2B%3C%2FA%3E%20%40currentField%20%2B%20'.jpg'%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%3CBR%20%2F%3E%22width%22%3A%20%2260px%22%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20works%20fine%20in%20the%20normal%20listview%20but%20when%20inserted%20as%20a%20webpart%20it%20just%20shows%20the%20content%20of%20the%20field%20instead%20of%20the%20picture.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-319840%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-319840%22%20slang%3D%22en-US%22%3E%3CP%3EI%20would%20also%20like%20formatting%20to%20show%20up%20on%20Views.%26nbsp%3B%20Can%20this%20be%20done%3F%26nbsp%3B%20Would%20be%20extremely%20useful%20for%20me.%3C%2FP%3E%3CP%3EChristy%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-308097%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-308097%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Lincoln%2C%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20the%20update!%20I%20can%20see%20the%20column%20formatting%20in%20the%20Web%20Part%20pages%2C%20but%20when%20I%20assign%20a%20view%20to%20the%20Web%20Part%2C%20the%20view%20does%20not%20stay%20once%20the%20page%20is%20published.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20a%20fix%20planned%20for%20the%20Web%20Part%20views%20to%20actually%20stay%20in%20the%20Web%20Part%20pages%3F%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOn%20Site%20and%20Wiki%20pages%2C%20I%20can%20get%20the%20correct%20view%20to%20show%20once%20the%20page%20is%20published%2C%20but%20the%20JSON%20column%20formatting%20does%20not%20show.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20a%20type%20of%20page%20where%20the%20web%20part%20has%20both%20column%20formatting%20and%20correct%20(not%20always%20the%20default)%20view%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3EJoy%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-305802%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-305802%22%20slang%3D%22en-US%22%3E%3CP%3EThis%26nbsp%3Bfeature%20is%20now%20fully%20rolled%20out%3B%20you%20should%20be%20seeing%20column%20formatting%20inside%20web%20parts%20now%20in%20your%26nbsp%3Benvironment.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-305284%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-305284%22%20slang%3D%22en-US%22%3E%3CP%3EHello!%20Is%20there%20an%20update%20on%20this%20feature%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-216746%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-216746%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20is%20available%20now%20on%20my%20account%2C%20but%20I%20am%20setup%20for%20targeted%20release%20in%20our%20tenant%20so%20I%20imagine%20it%20will%20be%20generally%20available%20very%20soon%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-203524%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-203524%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Mike%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%26nbsp%3Brunning%20into%20the%20same%20issue%20as%20well%20when%20adding%20a%26nbsp%3Blist%20using%20JSON%26nbsp%3Bgreen-yellow-red%20status%20column%20directly%20as%20a%20web%20part.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDon't%20if%20this%20will%20meet%20your%20requirements%20but%20the%20workaround%20I've%20implemented%20is%20utilizing%20Page%20Viewer%20(see%20below%20for%20the%20procedure%20I%20went%20thru)%2C%20which%20seems%20to%20work%20fine%20for%20now.%20Hopefully%20Microsoft%20will%20support%20JSON%20formatter%20in%20web%20parts%20in%20the%20future.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EProcedure%3C%2FSTRONG%3E%3C%2FP%3E%3COL%3E%3CLI%3EMake%20note%20of%20the%20URL%20for%20your%20SharePoint%20list.%3C%2FLI%3E%3CLI%3EGo%20to%20your%20SharePoint%20page%20you%20want%20to%20add%20the%20web%20part%20and%20select%26nbsp%3BEdit%20page.%3C%2FLI%3E%3CLI%3EClick%20on%20the%20%3CSTRONG%3EInsert%3C%2FSTRONG%3E%20tab%20%3CSTRONG%3E%26gt%3B%20Web%20Part%20%26gt%3B%20Media%20and%20Content%20%26gt%3B%20Page%20Viewer%3C%2FSTRONG%3E.%3C%2FLI%3E%3CLI%3EIn%20the%20Page%20Viewer%20web%20part%2C%20select%20%3CSTRONG%3EEdit%20Web%20Part%3C%2FSTRONG%3E.%3C%2FLI%3E%3CLI%3EIn%20the%20Page%20Viewer%20dialog%2C%20make%20sure%20Web%20Page%20is%20selected%2C%20than%20enter%20the%20URL%20noted%20from%26nbsp%3BStep%201%20into%20the%20field%20provided.%3C%2FLI%3E%3CLI%3EClick%20%3CSTRONG%3EApply%3C%2FSTRONG%3E.%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%3CSTRONG%3ENOTE%3A%20%26nbsp%3B%3C%2FSTRONG%3EYou%20may%20need%26nbsp%3Bplace%20a%26nbsp%3Bfixed%20height%20or%20width%20(in%20Appearances%20section)%20accordingly%20on%20the%20web%20part%20as%20well.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-187539%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-187539%22%20slang%3D%22en-US%22%3E%3CP%3EMy%20inner%20cynic%20tells%20me%20that%20nothing%20new%20will%20come%20out%20until%20the%20big%20show%20in%20Las%20Vegas%20in%20May.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-184050%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-184050%22%20slang%3D%22en-US%22%3E%3CP%3EThere's%20some%20good%20news...%20When%20can%20we%20expect%20roll%20out%20of%20column%20formatting%20in%20modern%20list%20view%20web%20part%3F%20Please%20help!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-178766%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-178766%22%20slang%3D%22en-US%22%3E%3CP%3EAny%20update%20on%20this%20feature%20rolling%20out.%20Last%26nbsp%3Bupdate%20in%20this%20thread%20was%20about%202%20months%20ago.%3C%2FP%3E%0A%3CP%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-178740%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-178740%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20Lincoln%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHope%20all%20is%20going%20well.%26nbsp%3B%20Any%20update%20on%20when%20this%20will%20be%20available%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20in%20advance%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EGreg%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-165536%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-165536%22%20slang%3D%22en-US%22%3E%3CP%3EWe're%20actually%20planning%20on%20rolling%20this%20out%20in%20the%20next%20month%20or%20two.%26nbsp%3B%20We%20have%20not%20made%20the%20announcement%20yet%2C%20so%20it's%20not%20certain%2C%20but%20we're%20on%20a%20path%20to%20ship%20very%20soon.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-165258%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-165258%22%20slang%3D%22en-US%22%3E%3CP%3EDear%20Lincoln%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAre%20the%20next%20couple%20of%20month%20a%20matter%20of%203-4%20month%20or%20a%20matter%20of%206%20to%2012%20month.%3C%2FP%3E%0A%3CP%3EIt%20would%20be%20good%20know%2C%20if%20I%20can%20count%20on%20it%20when%20we%20go%20online%20with%20our%20awesome%20new%20SPO%20platform%20in%20June%20or%26nbsp%3BI%20need%20to%20work%20on%20an%20alternative%20solution.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThx%20for%20letting%20me%20know%3C%2FP%3E%0A%3CP%3EPhilipp%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162792%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162792%22%20slang%3D%22en-US%22%3E%3CP%3EThat's%20great%20news%2C%20many%20thanks%20for%20the%20update%20...%20Looking%20forward%20to%20seeing%20this%20go%20live%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162415%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162415%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20looping%20me%20in.%26nbsp%3B%20We%20are%20working%20on%20adding%20the%20column%20formatting%20functionality%20to%20the%20list%20view%20web%20part%20now.%26nbsp%3B%20We%20are%20planning%20on%20shipping%20this%20functionality%20in%20the%20next%20couple%20of%20months.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162168%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162168%22%20slang%3D%22en-US%22%3E%3CP%3EI%20guess%20one%20of%20the%20folks%20that%20can%20help%20here%20is%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162163%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162163%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20format%20is%20applied%20directly%20to%20the%20column.%26nbsp%3B%20Juan%20Carlos%20is%20right%20that%20it's%20in%20the%20Modern%20List%20Web%20Part%20that%20the%20format%20doesn't%20show.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe're%20effectively%20trying%20to%20build%20a%20dashboard%20across%20several%20lists%20%2F%20libraries%20and%20need%20to%20be%20able%20to%20show%20the%20formats%20to%20clearly%20highlight%20certain%20status%20items.%26nbsp%3B%20It's%20a%20shame%20that%20the%20Web%20Part%20ignores%20the%20formats%2C%20as%20this%20would%20save%20us%20writing%20custom%20code%20or%20going%20with%20other%20more%20complex%20options%20like%20PowerBI.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAny%20ideas%26nbsp%3Bwhen%20(or%20even%20if)%20the%20Modern%20List%20Web%20Part%20will%20support%20column%20formats%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162015%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162015%22%20slang%3D%22en-US%22%3EPaul%2C%3CBR%20%2F%3EHe%20is%20talking%20about%20the%20modern%20list%20WebPart....I%20simply%20think%20this%20WebPart%20just%20not%20take%20into%20account%20any%20customization%20you%20have%20in%20your%20modern%20list%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-162012%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-162012%22%20slang%3D%22en-US%22%3E%3CP%3EDid%20you%20do%20it%20directly%20in%20the%20view%20or%20on%20the%20column%20itself%3F%26nbsp%3B%3C%2FP%3E%0A%3CP%3EMaybe%20a%20workaround%20could%20be%20to%20use%20ContentTypes%20and%20format%20the%20column%20in%20there.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-161830%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-161830%22%20slang%3D%22en-US%22%3EWell%2C%20IMHO%20it's%20not%20a%20well%20known%20limitation%2C%20it's%20just%20that%20the%20modern%20List%20and%20Document%20Library%20WebParts%20does%20not%20support%20column%20formatting....column%20formatting%20is%20just%20something%20specific%20(at%20the%20moment)%20of%20the%20modern%20lists%20and%20document%20libraries%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-444294%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-444294%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%26nbsp%3BPlease%20can%20you%20tell%20me%20the%20notice%20number%20(MCxxxxxxx)%20under%20which%20this%20was%20rolled%20out.%20It%20is%20still%20not%20working%20in%20our%20tenant%20and%20I%20want%20to%20check%20the%20notice%20has%20been%20applied%20to%20it.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-444302%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-444302%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%26nbsp%3BOne%20other%20question%2C%20does%20it%20matter%20whether%20you%20insert%20a%20list%20into%20a%20page%20using%20the%20App%20Part%20or%20the%20Web%20Part%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-504512%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-504512%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Lincoln%2C%3C%2FP%3E%3CP%3ENot%20sure%20if%20this%20has%20rolled%20out%20yet%2C%20but%20custom%20list%20views%20had%20been%20working%20OK%20in%20list%20web%20parts%20(except%20for%20classes%20-%20had%20to%20directly%20apply%20styles%20instead)%3B%20however%2C%20today%20I%20noticed%20that%20column%20headings%20are%20now%20being%20shown%20in%20the%20web%20parts.%26nbsp%3B%20They%20weren't%20appearing%20yesterday%2C%20and%20I%20haven't%20changed%20anything%20on%20my%20end.%26nbsp%3B%20This%20is%20happening%20in%20multiple%20tenants.%26nbsp%3B%20Is%20this%20something%20that%20is%20going%20to%20be%20corrected%20(soon%20I%20hope)%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-660974%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-660974%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%26nbsp%3BDo%20we%20know%20if%20Microsoft%20plans%20on%20setting%20up%20classes%20to%20be%20seen%20in%20the%20list%20web%20part%20as%20opposed%20to%20styles%20in%20modern%20sites%20anytime%20soon%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798768%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798768%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F60246%22%20target%3D%22_blank%22%3E%40Mike%20Insch%3C%2FA%3E%26nbsp%3BHi!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20currently%20working%20on%20a%20SharePoint%20Online%20(Modern%20Page%20and%20List)%2C%20with%20Column%20Formatting%20and%20View%20Formatting%20in%20some%20customized%20lists.%3C%2FP%3E%3CP%3EI%20am%20embedding%20my%20lists%20through%20a%20WebPart%20for%20Viewing%20List%20in%20several%20Pages.%20I%3CEM%3Ecan%20see%20that%20Column%20Formatting%20is%20consistent%20between%20the%20List%20and%20the%20one%20displayed%20in%20the%20WebPart.%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CU%3E%3CSTRONG%3EHowever%2C%3C%2FSTRONG%3E%3C%2FU%3E%3CEM%3EView%20Formatting%20is%20not%20consistent%2C%20and%20it%20depends%20on%20the%20Style%20and%20Class%20formatting%20implemented%20for%20my%20View.%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%2C%20sorry%20for%20calling%20out%20your%20name%2C%20but%20you%20seem%20to%20be%20our%20%22go-to%20person%22%20for%20getting%20some%20estimates.%20%3CU%3E%3CSTRONG%3EAre%20there%20any%20news%20for%20correcting%20the%20styling%20done%20through%20the%20View%20Formatting%3F%3C%2FSTRONG%3E%3C%2FU%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20in%20advance!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-362963%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-362963%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20tried%20every%20suggestion%20in%20this%20thread%20and%20cannot%20get%20the%20List%20Web%20Part%20to%20display%20conditional%20formatting%20on%20a%20modern%20page.%26nbsp%3B%20%26nbsp%3BLike%20others%2C%20it%20works%20beautifully%20in%20the%20list%20view%2C%20just%20not%20on%20a%20modern%20page%20(where%20it%20would%20be%20most%20useful).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt's%20unfortunate.%26nbsp%3B%20This%20is%20highly%20requested%20by%20our%20user%20base.%26nbsp%3B%20I%20was%20preparing%20to%20introduce%20this%20feature%20to%20the%20power-users%20in%20our%20company%2C%20but%20I%20don't%20feel%20comfortable%20showing%20them%20a%20feature%20that%20feels%20only%20%3CEM%3Ehalf-finished%3C%2FEM%3E.%26nbsp%3B%20%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EUPDATE%3A%26nbsp%3B%3C%2FSTRONG%3EColumn%20formatting%20is%20now%20working%20in%20our%20tenant.%26nbsp%3B%20%26nbsp%3BThanks%20for%20fixing%20this!%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-801935%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-801935%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F390399%22%20target%3D%22_blank%22%3E%40LHMinu%3C%2FA%3E%26nbsp%3BHi!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWhile%20we%20acknowledge%20that%20there%20is%20some%20mismatch%20between%20the%20formatting%20behavior%20of%20lists%20when%20used%20as%20web%20parts%20(and%20we%20are%20working%20on%20it)%2C%20it'd%20be%20best%20if%20you%20can%20%3CU%3Eprovide%20us%20with%20the%20JSON%3C%2FU%3Ebeing%20used%20for%20view%20formatting.%20This%20will%20help%20us%20in%20pin%20pointing%20the%20problem%20specific%20to%20your%20use%20case%20and%20maybe%20we'll%20be%20able%20to%20provide%20you%20with%20a%20workaround%20till%20the%20time%20the%20issue%20is%20completely%20resolved.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ERegards%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-802859%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-802859%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%26nbsp%3B!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20so%20much%20for%20the%20predisposition.%3C%2FP%3E%3CP%3EMy%20JSON%20is%20based%20on%20the%20code%20displayed%20on%20the%20GitHub%20for%20Retail%20Detail%20View.%20However%2C%20I%20removed%20the%20reference%20to%20the%20.api%20for%20retrieving%20and%20displaying%20locations%20through%20a%20map.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20using%20the%20same%20structure%20for%20displaying%20text%2C%20and%20the%20main%20goal%20of%20the%20view%20is%20displaying%20the%20Status%20for%20Projects.%20When%20embedding%20the%20list%20on%20a%20WebPart%2C%20it%20shows%20the%20same%20text%20and%20the%20same%20structured%20table%3B%20however%2C%20the%20formatting%20and%20spacing%20of%20the%20text%20is%20completely%20arbitrary%20(As%20if%20the%20specifications%20made%20on%20the%20Classes%20didn't%20exist).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%7B%0A%20%20%22schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%3C%2FA%3E%22%2C%0A%20%20%22debugMode%22%3A%20false%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22%20ms-borderColor-neutralLight%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22border-top-width%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%22border-top-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%22padding%22%3A%20%220%200%200%2020px%22%2C%0A%20%20%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%22align-items%22%3A%20%22flex-start%22%2C%0A%20%20%20%20%20%20%22justify-content%22%3A%20%22space-between%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%221%200%20300px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%2210px%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-xl%20ms-fontColor-themePrimary%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%220%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-bottom%22%3A%20%220.5em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22left%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22defaultClick%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Title%5D%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-mPlus%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Goal%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Goal%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-mPlus%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Start%20Date%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3DtoLocaleDateString%5B%24StartDate%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%20%20%7C%7C%20%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Due%20Date%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3DtoLocaleDateString%5B%24Due_x0020_Date%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20539px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22504px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%2210px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22space-between%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20180px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%20ms-fontSize-mPlus%20ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%222em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Last%20Activities%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-s%20ms-fontWeight-light%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22justify%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%225px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24LastActivities%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20173px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%20ms-fontSize-mPlus%20ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%222em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Next%20Activities%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-s%20ms-fontWeight-light%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22justify%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%225px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24NextActivities%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%3Dif(%5B%24Status%5D%20%3D%3D%20'Red'%2C%20'ms-bgColor-red'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Green'%2C%20'ms-bgColor-green'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Amber'%2C%20'ms-bgColor-yellow'%2C%20if(%5B%24Status%5D%20%3D%3D%20'On%20Hold'%2C%20'ms-bgColor-teal'%2C%20''))))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20173px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%2212px%2010px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%20ms-fontSize-mPlus%20ms-fontWeight-bold%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%220.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Status%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%23fff%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2270px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22%3Dif(%5B%24Status%5D%20%3D%3D%20'Red'%2C%20'StatusCircleErrorX'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Green'%2C%20'CheckMark'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Amber'%2C%20'StatusCircleExclamation'%2C%20if(%5B%24Status%5D%20%3D%3D%20'On%20Hold'%2C%20'Remove'%2C%20''))))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-846564%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-846564%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%2C%20you%2C%20Sir%2C%20are%20amazing!%3CBR%20%2F%3E%3CBR%20%2F%3EIt%20worked%20perfectly%20%3A)%3C%2Fimg%3E%3CBR%20%2F%3E%3CBR%20%2F%3EThank%20you%20so%20much%20for%20your%20help%20with%20this!%20I%20appreciate%20that!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-850491%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-850491%22%20slang%3D%22en-US%22%3EAm%20I%20right%20that%20the%20enhancements%20of%20the%20list%20view%20web%20part%20are%20not%20yet%20available%20in%20the%20on%20prem%20version%20of%20sharepoint%202019%3F%20Any%20ideas%20when%20these%20will%20be%20shipped%20over%20to%20the%20on%20prem%20version%3F%20I%20put%20some%20column%20formatting%20in%20a%20library%20view%20column%20and%20they%20work%20fine.%20All%20the%20formatting%20is%20gone%20when%20I%20put%20this%20view%20into%20a%20modern%20web%20part%2C%20which%20I%20am%20quite%20sad%20about%20%3B)Any%20comments%20about%20the%20timeline%20would%20be%20helpful.%20Thank%20in%20advance%2C%20Nils%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-861524%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-861524%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%26nbsp%3BWas%20this%20JSON%20formatting%20in%20List%20Web%20Parts%20feature%20released%20for%20Sharepoint%202019%20on%20premise%3F%20If%20so%20can%20you%20let%20me%20know%20the%20update%20that%20included%20it%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-876950%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-876950%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20an%20even%20more%20specific%20question%3A%20is%20support%20for%20this%20planned%20when%20you%20use%20a%20'Project%20Tasks'%20list%3F%20None%20of%20the%20JSON%20I've%20added%20to%20columns%20will%20show...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-877003%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-877003%22%20slang%3D%22en-US%22%3E%3CP%3EIt's%20like%20I%20have%20to%20choose%20between%20a%20%22regular%20list%22%20or%20a%20task%20list%20with%20the%20added%20visual%20timeline%20functionality%20(which%20people%20tend%20to%20like).%26nbsp%3B%3CIMG%20class%3D%22lia-deferred-image%20lia-image-emoji%22%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Fhtml%2Fimages%2Femoticons%2Fsad_40x40_1.gif%22%20alt%3D%22%3Asad%3A%22%20title%3D%22%3Asad%3A%22%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-918829%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-918829%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%26nbsp%3B%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3771%22%20target%3D%22_blank%22%3E%40Lincoln%20DeMaris%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%20Custom%20Row%20Actions%20not%20working%20on%20SP%20Page%3A%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EHi!%20This%20is%20my%20first%20time%20coding%20or%20doing%20View%20Formatting%2C%20so%20any%20help%20would%20be%20much%20appreciated%3A%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20am%20using%20both%20the%20Custom%20Row%20Actions%20editProps%20and%20defaultClick%20in%20my%20formatting.%20On%20the%20list%2C%20they%20both%20work%20perfectly.%20On%20the%20SP%20Page%20where%20I%20am%20displaying%20this%20list%20view%2C%20however%2C%20neither%20button%20works%20as%20it%20did%20on%20the%20list%20itself.%20The%20editProps%20does%20not%20do%20anything%20at%20all%20when%20clicked%2C%20and%20the%20defaultClick%20causes%20a%20new%20tab%20to%20open%20up%20with%20the%20item%20details%2C%20as%20opposed%20to%20the%20right-hand%20details%20pane%20sliding%20out.%20Can%20you%20please%20help%20me%20with%20these%20issues%3F%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F138473i06DFAF3DD8654E7B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EThanks%20so%20much!%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EMarissa%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-918831%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-918831%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F428952%22%20target%3D%22_blank%22%3E%40marissa_sinai%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIt'd%20be%20great%20if%20you%20can%20share%20the%20JSON%20you%20are%20using.%20That'll%20help%20us%20in%20pinpointing%20the%20issue%20you%20are%20facing.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-918833%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-918833%22%20slang%3D%22en-US%22%3E%3CPRE%20class%3D%22lia-code-sample%20language-javascript%22%3E%3CCODE%3E%7B%0A%20%20%22schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%3C%2FA%3E%22%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22sp-row-card%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22flex-direction%22%3A%20%22column%22%2C%0A%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%22align-items%22%3A%20%22flex-start%22%2C%0A%20%20%20%20%20%20%22margin-left%22%3A%20%2240px%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24shopImage1%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22250px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align%22%3A%20%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22block%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%3Dif(%5B%24shopImage1%5D%2C%20%5B%24shopImage1%5D%2C%20%40currentWeb%20%2B%20'%2FShared%20Documents%2Fswap_shop_default.jpg')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-su%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22250px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24shopImage2%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24shopImage2%5D%2C%20'inline'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%2225%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%221px%20solid%20white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%5B%24shopImage2%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-su%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24shopImage3%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24shopImage3%5D%2C%20'inline'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%2225%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%221px%20solid%20white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%5B%24shopImage3%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-su%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24shopImage4%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24shopImage4%5D%2C%20'inline'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%2225%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%221px%20solid%20white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%5B%24shopImage4%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-su%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24shopImage5%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24shopImage5%5D%2C%20'inline'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%2225%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%221px%20solid%20white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%5B%24shopImage5%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontSize-su%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22flex-start%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22column%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%221%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-row-title%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-row-listPadding%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24Description%5D%2C%20'block'%2C%20'none')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Description%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%5B%24URL%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22_blank%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24URL%5D%2C%20'flex'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%220px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%224px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22link%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%222px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24URL.desc%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-left%22%3A%20%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-top%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22nowrap%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3D'%24'%20%2B%20%5B%24Price%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%200px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22green%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%2B%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22mailto%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Author.email%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%3Fsubject%3DSwap%20Shop%20Inquiry%26amp%3Bbody%3D%5Cr%5Cn---%5Cr%5Cn%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%40me%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5Cr%5CnSwap%20Shop%20link%3A%20%3CA%20href%3D%22https%3A%2F%2Ftimelyo365.sharepoint.com%2Fsites%2FGuineaPig%2FtestPiclib%2FForms%2FDispForm.aspx%3FID%3D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Ftimelyo365.sharepoint.com%2Fsites%2FGuineaPig%2FtestPiclib%2FForms%2FDispForm.aspx%3FID%3D%3C%2FA%3E%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24ID%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%228px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Mail%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Author.title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%222px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%5B%24Phone%5D%2C%20'flex'%2C%20'none')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22phone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3D'('%20%2B%20substring(%5B%24Phone%5D%2C%200%2C%203)%20%2B%20')%20'%20%2B%20substring(%5B%24Phone%5D%2C%203%2C%206)%20%2B%20'-'%20%2B%20substring(%5B%24Phone%5D%2C%206%2C%2010)%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22share%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22share%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Share%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22defaultClick%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22info%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Info%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22editProps%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%40me%20!%3D%20%5B%24Author.email%5D%2C%20'none'%2C%20'flex')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22edit%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Edit%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22delete%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(%40me%20!%3D%20%5B%24Author.email%5D%2C%20'none'%2C%20'flex')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22middle%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%228px%2010px%200px%2015px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2013%200%2013px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22delete%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2216px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Delete%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-921919%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-921919%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F428952%22%20target%3D%22_blank%22%3E%40marissa_sinai%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThank%20you%20for%20sharing%20the%20JSON.%3C%2FP%3E%0A%3CP%3EThe%20info%20button%2C%20when%20clicked%20on%20the%20homepage%20(as%20a%20part%20of%20webpart)%20will%20open%20a%20new%20tab.%20This%20is%20the%20expected%20behavior%20in%20the%20current%20scenario.%3C%2FP%3E%0A%3CP%3EAnd%20we%20acknowledge%20that%20the%20edit%20action%20is%20not%20working%20when%20used%20as%20a%20part%20of%20webpart%2C%20we'll%20be%20adding%20this%20as%20a%20part%20of%20our%20backlog%20and%20will%20soon%20work%20upon%20the%20same.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-922345%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-922345%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%26nbsp%3B-%20I%20can%20confirm%20I'm%20also%20experiencing%20the%20issue%20of%20the%20editProps%20action%20not%20working%20on%20a%20button%20element%20in%20the%20list%20view%20web%20part%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-922383%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-922383%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%26nbsp%3Bthanks%20so%20much.%20How%20can%20I%20ensure%20that%20I%20am%20aware%20of%20when%20this%20backlog%20item%20is%20addressed%20and%20I%20can%20begin%20to%20utilize%20this%20functionality%3F%20Is%20there%20a%20board%20of%20some%20sort%20I%20should%20be%20checking%2C%20or%20notifications%20I%20can%20set%20up%2C%20etc.%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20your%20help!%3C%2FP%3E%3CP%3EMarissa%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1152521%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1152521%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3EI%20am%20also%20new%20to%20SP%2FCSS%2FJSON%20formatting.%20A%20couple%20of%20months%20ago%20I%20made%20a%20SP%20list%20populated%20by%20several%20flows%20and%20formatted%20with%20JSON.%20The%20list%20is%20a%20table%20of%20contents%20for%20multiple%20SP%20sites.%3C%2FP%3E%3CP%3EI%20formatted%20the%20list%20view%20using%20the%20following%20code%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-css%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%22txtContent%22%3A%20%22%40currentField%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22sp-field-fontSize14%20%20ms-fontColor-neutralPrimary%20ms-fontColor-red--hover%22%2C%0A%20%20%20%20%20%20%22href%22%3A%20%22%5B%24Link%5D%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22text-decoration%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%22width%22%3A%20%22300px%22%2C%0A%20%20%20%20%20%20%22min-width%22%3A%20%22200px%22%2C%0A%20%20%20%20%20%20%22min-height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%22height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%22white-space%22%3A%20%22nowrap%22%2C%0A%20%20%20%20%20%20%22padding-left%22%3A%20%22%3Dif(indexOf(%40currentField%2C%20'%20')%20%3D%3D%201%2C%20''%2C%20if(indexOf(%40currentField%2C%20'%20')%20%3D%3D%203%2C%20'20px'%2C%20'40px'))%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20looks%20good%20in%20SP%20list%2C%20but%20not%20in%20web-part.%20In%20web-part%20the%20distance%20between%20rows%20is%20high%20and%20it%20shows%20column%20headers.%3C%2FP%3E%3CP%3EThe%20thing%20is%20until%203-4%20weeks%20ago%20it%20was%20ok%20in%20web-part%20also%2C%20but%20something%20changed%2C%20maybe%20a%20SP%20update%3F%3C%2FP%3E%3CP%3EThis%20is%20how%20it%20looks%20in%20SP%20list%20-%20this%20is%20ok%2C%20compact%20and%20without%20column%20headers%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22p1.PNG%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F169134i77EEBE0EC547992E%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22p1.PNG%22%20alt%3D%22p1.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20this%20is%20how%20it%20looks%20in%20web-part%20-%20with%20high%20space%20between%20rows%20and%20with%20column%20headers%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22p2.PNG%22%20style%3D%22width%3A%20328px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F169135iA0496AFD1FBFB97B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22p2.PNG%22%20alt%3D%22p2.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20help%20me%20fix%20this!%20Thank%20you!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1152576%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1152576%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F545913%22%20target%3D%22_blank%22%3E%40Cris20%3C%2FA%3E%2C%3C%2FP%3E%0A%3CP%3EThere%20was%20a%20bug%20last%20week%20because%20of%20which%20the%20list%20header%20was%20visible%20on%20the%20webparts.%20It%20has%20been%20fixed%20now%2C%20and%20you%20should%20see%20the%20fix%20in%20production%20by%20next%20week%20(if%20not%20already).%20The%20other%20spacing%20related%20CSS%20issue%20also%20looks%20like%20another%20side%20effect%20of%20the%20bug.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20just%20tried%20the%20same%20on%20my%20test%20site%20and%20it%20worked%20as%20expected.%20Kindly%20re-check%20or%20wait%20for%20a%20week%20for%20it%20to%20get%20resolved%2C%20else%20let%20me%20know%20if%20the%20issue%20still%20exists.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1165903%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1165903%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20looks%20good%20today%2C%20so%20it%20seems%20the%20issue%20was%20solved.%3C%2FP%3E%3CP%3EThank%20you!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1188752%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1188752%22%20slang%3D%22en-US%22%3EIt%20works%20on%20sharepoint%20online%20now%3CBR%20%2F%3EIt%20does%20not%20work%20on%20sharepoint%20on%20Prem%3CBR%20%2F%3EI%20even%20updated%20to%20latest%20update.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1188753%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1188753%22%20slang%3D%22en-US%22%3EPlease%20check%20this%20feature%20for%20sharepoint%20on%20Prem.%20It%20does%20not%20work%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-855393%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-855393%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F390399%22%20target%3D%22_blank%22%3E%40LHMinu%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20for%20the%20appreciation%20%3A)%3C%2Fimg%3E%3C%2FP%3E%0A%3CP%3EThe%20release%20which%20has%20the%20fix%20for%20the%20list%20formatting%20for%20web-part%20is%20now%20live.%20You%20try%20using%20your%20original%20JSON%20too%2C%20and%20that%20should%20work%20as%20expected!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-804154%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-804154%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F390399%22%20target%3D%22_blank%22%3E%40LHMinu%3C%2FA%3E%26nbsp%3BHi!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThank%20you%20for%20sharing%20the%20JSON.%20As%20we%20expected%2C%20there%20are%20some%20classes%20related%20to%20%3CSTRONG%3Efont-size%3C%2FSTRONG%3Eand%20%3CSTRONG%3Efont-color%3C%2FSTRONG%3Ewhich%20are%20not%20working%20properly%20when%20used%20on%20web%20part.%20The%20same%20is%20the%20case%20here%20too.%20For%20now%20I%20have%20modified%20your%20JSON%20to%20use%20the%20actual%20CSS%20properties%20instead%20of%20classes%20which%20you%20can%20use%20for%20now%20(till%20we%20resolve%20this%20completely).%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYou%20can%20use%20the%20following%20JSON%20for%20now%2C%20and%20to%20see%20what%20changes%20I%20did%20to%20the%20original%20JSON%20you%20can%20see%20them%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fsvaibhav%2Fview-formatting%2Fpull%2F1%2Ffiles%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%3CSTRONG%3Ehere%3C%2FSTRONG%3E%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EPS%3A%3C%2FSTRONG%3E%26nbsp%3BThere%20is%20still%20one%20class%20missing%20called%20%22ms-fontColor-themePrimary%22%2C%20so%20that%20mismatch%20is%20still%20going%20to%20happen%2C%20or%20you%20can%20use%20a%20fixed%20color%20for%20that%20(for%20now).%20Let%20me%20know%20if%20you%20need%20help%20with%20that!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%7B%0A%20%20%22schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%2C%0A%20%20%22debugMode%22%3A%20false%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22%20ms-borderColor-neutralLight%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22border-top-width%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%22border-top-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%22padding%22%3A%20%220%200%200%2020px%22%2C%0A%20%20%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%22align-items%22%3A%20%22flex-start%22%2C%0A%20%20%20%20%20%20%22justify-content%22%3A%20%22space-between%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%221%200%20300px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%2210px%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%220%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-bottom%22%3A%20%220.5em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2221px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22left%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22defaultClick%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Title%5D%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Goal%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Goal%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Start%20Date%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3DtoLocaleDateString%5B%24StartDate%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%20%20%7C%7C%20%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Due%20Date%3A%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3DtoLocaleDateString%5B%24Due_x0020_Date%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20539px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22504px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%2210px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22space-between%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20180px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22700%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%222em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Last%20Activities%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2212px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22100%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22justify%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%225px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24LastActivities%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20173px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%22700%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%222em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Next%20Activities%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%2212px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%22100%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22justify%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%225px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24NextActivities%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%3Dif(%5B%24Status%5D%20%3D%3D%20'Red'%2C%20'ms-bgColor-red'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Green'%2C%20'ms-bgColor-green'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Amber'%2C%20'ms-bgColor-yellow'%2C%20if(%5B%24Status%5D%20%3D%3D%20'On%20Hold'%2C%20'ms-bgColor-teal'%2C%20''))))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%220%200%20173px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22108px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%2212px%2010px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%2215px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%22700%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%220.5em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Status%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%23fff%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2270px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221em%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22%3Dif(%5B%24Status%5D%20%3D%3D%20'Red'%2C%20'StatusCircleErrorX'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Green'%2C%20'CheckMark'%2C%20if(%5B%24Status%5D%20%3D%3D%20'Amber'%2C%20'StatusCircleExclamation'%2C%20if(%5B%24Status%5D%20%3D%3D%20'On%20Hold'%2C%20'Remove'%2C%20''))))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1379490%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1379490%22%20slang%3D%22en-US%22%3EThis%20seems%20to%20have%20returned%20for%20me%2C%20are%20devs%20applying%20changes%20in%20production%20without%20proper%20testing%3F%20The%20JSON%20does%20no%20longer%20show%20in%20the%20format%20this%20column%20options.%20This%20is%20not%20only%20for%20the%20web-parts%20in%20my%20case.%20The%20strange%20thing%20is%20that%20its%20inconsistent%2C%20viewing%20the%20list%20in%20a%20web-part%20and%20navigating%20to%20the%20list-view%20seems%20to%20sometimes%20show%20the%20correct%20formatting%20and%20sometimes%20not.%20Regardless%2C%20it%20seems%20I%20am%20unable%20to%20recover%20the%20JSON-formatting%20I%20created%20a%20while%20back%2C%20I%20did%20not%20expect%20to%20have%20to%20keep%20backups%20to%20account%20for%20breaking%20changes.%20Should%20I%20consider%20the%20formatting%20to%20be%20lost%20and%20start%20over%20and%20wait%20until%20this%20happens%20again%2C%20or%20could%20it%20return%20once%20they%20repair%20what%20they%20broke%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1379965%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1379965%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F135727%22%20target%3D%22_blank%22%3E%40Hjalmar%20Otto%20Fj%C3%B8sne%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ESorry%20to%20hear%20that%2C%20but%20can%20you%20please%20share%20more%20details%20around%20the%20issue.%3C%2FP%3E%0A%3CP%3EDo%20you%20have%20the%20JSON%20which%20was%20applied%20to%20the%20column%3F%20And%20what%20do%20you%20mean%20that%20the%20JSON%20do%20not%20show%20in%20%22Format%20this%20column%22%20option%3F%20Are%20you%20saying%20that%20you%20are%20able%20to%20see%20the%20formatted%20column%20but%20there%20isn't%20any%20JSON%20when%20you%20open%20the%20formatting%20pane%3F%3CBR%20%2F%3EIf%20you%20are%20also%20not%20able%20to%20see%20that%20formatting%20being%20applied%2C%20can%20it%20be%20possible%20that%20some%20other%20user%2C%20who%20has%20the%20edit%20access%20on%20the%20list%2C%20must%20have%20removed%20the%20formatting%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIt%20would%20really%20help%20in%20debugging%20if%20you%20can%20share%20the%20JSON%20you%20are%20using%20which%20isn't%20showing%20on%20the%20webpart%20but%20is%20working%20fine%20when%20you%20navigate%20to%20the%20list.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1648624%22%20slang%3D%22en-US%22%3ERe%3A%20Column%20formatting%20not%20showing%20when%20view%20shown%20in%20a%20List%20Web%20Part%20(Modern%20Page%20and%20List)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1648624%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391288%22%20target%3D%22_blank%22%3E%40SVaibhav%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20added%20the%20basic%20button%20from%20the%20Microsoft%20Documentation%20for%20editProps%20and%20it%20works%20fine%20in%20the%20library%20view%2C%20but%20when%20added%20to%20a%20modern%20page%20the%20button%20either%20does%20nothing%20or%20tries%20to%20open%20the%20document%20rather%20than%20the%20properties.%20Reading%20through%20this%20thread%20I%20cannot%20tell%20if%20that%20is%20still%20to%20be%20expected%20or%20not%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECode%20for%20reference%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-applescript%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%22txtContent%22%3A%20%22Open%20this%20item%22%2C%0A%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%22action%22%3A%20%22editProps%22%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

I have a list with a JSON Column Formatter applied, the column format works fine when viewing the list directly, however when I'm using the List Web Part (still appears to be a preview part), the column formats are not displayed.

 

Is this a known limitation? Are there any timescales for a fix, or any workarounds available to allow me to embed a list view into a page with multiple other web parts and retain the column formatting from the JSON Formatter?

57 Replies

@Lincoln DeMaris Was this JSON formatting in List Web Parts feature released for Sharepoint 2019 on premise? If so can you let me know the update that included it?

I have an even more specific question: is support for this planned when you use a 'Project Tasks' list? None of the JSON I've added to columns will show...

It's like I have to choose between a "regular list" or a task list with the added visual timeline functionality (which people tend to like). :sad:

@SVaibhav  @Lincoln DeMaris  Custom Row Actions not working on SP Page:

 

Hi! This is my first time coding or doing View Formatting, so any help would be much appreciated:

 

I am using both the Custom Row Actions editProps (edit button) and defaultClick (info button) in my formatting. On the list, they both work perfectly. On the SP Page where I am displaying this list view, however, neither button works as it did on the list itself. The editProps does not do anything at all when clicked, and the defaultClick causes a new tab to open up with the item details, as opposed to the right-hand details pane sliding out. Can you please help me with these issues?

clipboard_image_0.png

Thanks so much!

Marissa

 

{
  "schema": "<a href="<a href="https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json" target="_blank">https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a>" target="_blank"><a href="https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a" target="_blank">https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a</a>>",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-row-card"
    },
    "style": {
      "flex-direction": "column",
      "display": "flex",
      "align-items": "flex-start",
      "margin-left": "40px"
    },
    "children": [
      {
        "elmType": "div",
        "style": {
          "text-align": "left",
          "display": "flex",
          "width": "100%"
        },
        "children": [
          {
            "elmType": "div",
            "style": {},
            "children": [
              {
                "elmType": "a",
                "attributes": {
                  "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                  "href": "[$shopImage1]",
                  "target": "_blank"
                },
                "children": [
                  {
                    "elmType": "img",
                    "style": {
                      "width": "250px",
                      "height": "auto",
                      "align": "top",
                      "display": "block"
                    },
                    "attributes": {
                      "src": "=if([$shopImage1], [$shopImage1], @currentWeb + '/Shared Documents/swap_shop_default.jpg')",
                      "class": "ms-fontSize-su"
                    }
                  }
                ]
              },
              {
                "elmType": "div",
                "style": {
                  "display": "flex",
                  "width": "250px"
                },
                "children": [
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage2]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage2], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage2]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage3]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage3], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage3]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage4]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage4], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage4]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage5]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage5], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage5]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "text-align": "left",
              "display": "flex",
              "align-items": "flex-start",
              "flex-direction": "column",
              "flex": "1"
            },
            "children": [
              {
                "elmType": "div",
                "attributes": {
                  "class": "sp-row-title"
                },
                "txtContent": "[$Title]",
                "style": {
                  "margin-left": "15px"
                }
              },
              {
                "elmType": "div",
                "attributes": {
                  "class": "sp-row-listPadding",
                  "display": "=if([$Description], 'block', 'none')"
                },
                "txtContent": "[$Description]",
                "style": {
                  "margin-left": "15px"
                }
              },
              {
                "elmType": "a",
                "attributes": {
                  "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                  "href": "[$URL]",
                  "target": "_blank"
                },
                "style": {
                  "border": "none",
                  "text-decoration": "none",
                  "background-color": "transparent",
                  "align-items": "center",
                  "flex-direction": "row",
                  "display": "=if([$URL], 'flex', 'none')",
                  "cursor": "pointer",
                  "border-radius": "5px",
                  "text-align": "center",
                  "vertical-align": "middle",
                  "margin": "0px 10px 0px 15px",
                  "padding": "0 13 0 13px"
                },
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "padding-right": "4px"
                    },
                    "attributes": {
                      "iconName": "link"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "padding-right": "2px",
                      "font-size": "12px"
                    },
                    "txtContent": "[$URL.desc]"
                  }
                ]
              },
              {
                "elmType": "div",
                "style": {
                  "display": "flex",
                  "align-items": "center",
                  "padding-left": "15px",
                  "margin-top": "auto",
                  "box-sizing": "border-box",
                  "width": "100%",
                  "white-space": "nowrap"
                },
                "children": [
                  {
                    "elmType": "div",
                    "txtContent": "='$' + [$Price]",
                    "style": {
                      "padding-right": "5px",
                      "margin": "8px 10px 0px 0px",
                      "font-size": "16px",
                      "color": "green",
                      "font-weight": "700"
                    }
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": {
                        "operator": "+",
                        "operands": [
                          "mailto:",
                          "[$Author.email]",
                          "?subject=Swap Shop Inquiry&body=\r\n---\r\n",
                          "@me",
                          "\r\nSwap Shop link: <a href="<a href="https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=" target="_blank">https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=</a>" target="_blank"><a href="https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=</a" target="_blank">https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=</a</a>>",
                          "[$ID]"
                        ]
                      }
                    },
                    "style": {
                      "border": "none",
                      "text-decoration": "none",
                      "background-color": "transparent",
                      "align-items": "center",
                      "flex-direction": "row",
                      "display": "flex",
                      "cursor": "pointer",
                      "border-radius": "5px",
                      "text-align": "center",
                      "vertical-align": "middle",
                      "margin": "8px 10px 0px 15px",
                      "padding": "0 13 0 13px"
                    },
                    "children": [
                      {
                        "elmType": "span",
                        "style": {
                          "padding-right": "8px",
                          "font-size": "16px"
                        },
                        "attributes": {
                          "iconName": "Mail"
                        }
                      },
                      {
                        "elmType": "span",
                        "txtContent": "[$Author.title]",
                        "style": {
                          "font-size": "12px",
                          "padding-right": "2px"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "div",
                    "style": {
                      "border": "none",
                      "background-color": "transparent",
                      "align-items": "center",
                      "flex-direction": "row",
                      "display": "=if([$Phone], 'flex', 'none')",
                      "border-radius": "5px",
                      "text-align": "center",
                      "vertical-align": "middle",
                      "margin": "8px 10px 0px 15px",
                      "padding": "0 13 0 13px"
                    },
                    "children": [
                      {
                        "elmType": "span",
                        "attributes": {
                          "iconName": "phone"
                        },
                        "style": {
                          "padding-right": "6px",
                          "font-size": "14px"
                        }
                      },
                      {
                        "elmType": "span",
                        "txtContent": "='(' + substring([$Phone], 0, 3) + ') ' + substring([$Phone], 3, 6) + '-' + substring([$Phone], 6, 10)",
                        "style": {
                          "font-size": "12px"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "div",
                    "style": {
                      "margin-left": "auto",
                      "display": "flex"
                    },
                    "children": [
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "share"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "flex",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "share"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Share",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "defaultClick"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "flex",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "info"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Info",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "editProps"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "=if(@me != [$Author.email], 'none', 'flex')",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "edit"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Edit",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "delete"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "=if(@me != [$Author.email], 'none', 'flex')",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "delete"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Delete",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}

 

 

Hi @marissa_sinai

 

It'd be great if you can share the JSON you are using. That'll help us in pinpointing the issue you are facing.

 

Thanks 

{
  "schema": "<a href="https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json" target="_blank">https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a>",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-row-card"
    },
    "style": {
      "flex-direction": "column",
      "display": "flex",
      "align-items": "flex-start",
      "margin-left": "40px"
    },
    "children": [
      {
        "elmType": "div",
        "style": {
          "text-align": "left",
          "display": "flex",
          "width": "100%"
        },
        "children": [
          {
            "elmType": "div",
            "style": {},
            "children": [
              {
                "elmType": "a",
                "attributes": {
                  "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                  "href": "[$shopImage1]",
                  "target": "_blank"
                },
                "children": [
                  {
                    "elmType": "img",
                    "style": {
                      "width": "250px",
                      "height": "auto",
                      "align": "top",
                      "display": "block"
                    },
                    "attributes": {
                      "src": "=if([$shopImage1], [$shopImage1], @currentWeb + '/Shared Documents/swap_shop_default.jpg')",
                      "class": "ms-fontSize-su"
                    }
                  }
                ]
              },
              {
                "elmType": "div",
                "style": {
                  "display": "flex",
                  "width": "250px"
                },
                "children": [
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage2]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage2], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage2]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage3]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage3], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage3]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage4]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage4], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage4]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": "[$shopImage5]",
                      "target": "_blank"
                    },
                    "style": {
                      "display": "=if([$shopImage5], 'inline', 'none')",
                      "width": "25%"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "style": {
                          "width": "100%",
                          "height": "auto",
                          "border": "1px solid white",
                          "box-sizing": "border-box"
                        },
                        "attributes": {
                          "src": "[$shopImage5]",
                          "class": "ms-fontSize-su"
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "text-align": "left",
              "display": "flex",
              "align-items": "flex-start",
              "flex-direction": "column",
              "flex": "1"
            },
            "children": [
              {
                "elmType": "div",
                "attributes": {
                  "class": "sp-row-title"
                },
                "txtContent": "[$Title]",
                "style": {
                  "margin-left": "15px"
                }
              },
              {
                "elmType": "div",
                "attributes": {
                  "class": "sp-row-listPadding",
                  "display": "=if([$Description], 'block', 'none')"
                },
                "txtContent": "[$Description]",
                "style": {
                  "margin-left": "15px"
                }
              },
              {
                "elmType": "a",
                "attributes": {
                  "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                  "href": "[$URL]",
                  "target": "_blank"
                },
                "style": {
                  "border": "none",
                  "text-decoration": "none",
                  "background-color": "transparent",
                  "align-items": "center",
                  "flex-direction": "row",
                  "display": "=if([$URL], 'flex', 'none')",
                  "cursor": "pointer",
                  "border-radius": "5px",
                  "text-align": "center",
                  "vertical-align": "middle",
                  "margin": "0px 10px 0px 15px",
                  "padding": "0 13 0 13px"
                },
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "padding-right": "4px"
                    },
                    "attributes": {
                      "iconName": "link"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "padding-right": "2px",
                      "font-size": "12px"
                    },
                    "txtContent": "[$URL.desc]"
                  }
                ]
              },
              {
                "elmType": "div",
                "style": {
                  "display": "flex",
                  "align-items": "center",
                  "padding-left": "15px",
                  "margin-top": "auto",
                  "box-sizing": "border-box",
                  "width": "100%",
                  "white-space": "nowrap"
                },
                "children": [
                  {
                    "elmType": "div",
                    "txtContent": "='$' + [$Price]",
                    "style": {
                      "padding-right": "5px",
                      "margin": "8px 10px 0px 0px",
                      "font-size": "16px",
                      "color": "green",
                      "font-weight": "700"
                    }
                  },
                  {
                    "elmType": "a",
                    "attributes": {
                      "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover",
                      "href": {
                        "operator": "+",
                        "operands": [
                          "mailto:",
                          "[$Author.email]",
                          "?subject=Swap Shop Inquiry&body=\r\n---\r\n",
                          "@me",
                          "\r\nSwap Shop link: <a href="https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=" target="_blank">https://timelyo365.sharepoint.com/sites/GuineaPig/testPiclib/Forms/DispForm.aspx?ID=</a>",
                          "[$ID]"
                        ]
                      }
                    },
                    "style": {
                      "border": "none",
                      "text-decoration": "none",
                      "background-color": "transparent",
                      "align-items": "center",
                      "flex-direction": "row",
                      "display": "flex",
                      "cursor": "pointer",
                      "border-radius": "5px",
                      "text-align": "center",
                      "vertical-align": "middle",
                      "margin": "8px 10px 0px 15px",
                      "padding": "0 13 0 13px"
                    },
                    "children": [
                      {
                        "elmType": "span",
                        "style": {
                          "padding-right": "8px",
                          "font-size": "16px"
                        },
                        "attributes": {
                          "iconName": "Mail"
                        }
                      },
                      {
                        "elmType": "span",
                        "txtContent": "[$Author.title]",
                        "style": {
                          "font-size": "12px",
                          "padding-right": "2px"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "div",
                    "style": {
                      "border": "none",
                      "background-color": "transparent",
                      "align-items": "center",
                      "flex-direction": "row",
                      "display": "=if([$Phone], 'flex', 'none')",
                      "border-radius": "5px",
                      "text-align": "center",
                      "vertical-align": "middle",
                      "margin": "8px 10px 0px 15px",
                      "padding": "0 13 0 13px"
                    },
                    "children": [
                      {
                        "elmType": "span",
                        "attributes": {
                          "iconName": "phone"
                        },
                        "style": {
                          "padding-right": "6px",
                          "font-size": "14px"
                        }
                      },
                      {
                        "elmType": "span",
                        "txtContent": "='(' + substring([$Phone], 0, 3) + ') ' + substring([$Phone], 3, 6) + '-' + substring([$Phone], 6, 10)",
                        "style": {
                          "font-size": "12px"
                        }
                      }
                    ]
                  },
                  {
                    "elmType": "div",
                    "style": {
                      "margin-left": "auto",
                      "display": "flex"
                    },
                    "children": [
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "share"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "flex",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "share"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Share",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "defaultClick"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "flex",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "info"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Info",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "editProps"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "=if(@me != [$Author.email], 'none', 'flex')",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "edit"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Edit",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      },
                      {
                        "elmType": "button",
                        "customRowAction": {
                          "action": "delete"
                        },
                        "attributes": {
                          "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
                        },
                        "style": {
                          "border": "none",
                          "background-color": "transparent",
                          "align-items": "center",
                          "flex-direction": "row",
                          "display": "=if(@me != [$Author.email], 'none', 'flex')",
                          "cursor": "pointer",
                          "border-radius": "5px",
                          "text-align": "center",
                          "vertical-align": "middle",
                          "margin": "8px 10px 0px 15px",
                          "padding": "0 13 0 13px"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "attributes": {
                              "iconName": "delete"
                            },
                            "style": {
                              "padding-right": "6px",
                              "font-size": "16px"
                            }
                          },
                          {
                            "elmType": "span",
                            "txtContent": "Delete",
                            "style": {
                              "font-size": "12px"
                            }
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}

Hi @marissa_sinai 

 

Thank you for sharing the JSON.

The info button, when clicked on the homepage (as a part of webpart) will open a new tab. This is the expected behavior in the current scenario.

And we acknowledge that the edit action is not working when used as a part of webpart, we'll be adding this as a part of our backlog and will soon work upon the same.

 

@SVaibhav - I can confirm I'm also experiencing the issue of the editProps action not working on a button element in the list view web part

@SVaibhav thanks so much. How can I ensure that I am aware of when this backlog item is addressed and I can begin to utilize this functionality? Is there a board of some sort I should be checking, or notifications I can set up, etc.?

 

Thanks for your help!

Marissa

Hello,

I am also new to SP/CSS/JSON formatting. A couple of months ago I made a SP list populated by several flows and formatted with JSON. The list is a table of contents for multiple SP sites.

I formatted the list view using the following code:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "a",
    "txtContent": "@currentField",
    "attributes": {
      "class": "sp-field-fontSize14  ms-fontColor-neutralPrimary ms-fontColor-red--hover",
      "href": "[$Link]"
    },
    "style": {
      "text-decoration": "none",
      "width": "300px",
      "min-width": "200px",
      "min-height": "1em",
      "height": "1em",
      "white-space": "nowrap",
      "padding-left": "=if(indexOf(@currentField, ' ') == 1, '', if(indexOf(@currentField, ' ') == 3, '20px', '40px'))"
    }
  }
}

 

It looks good in SP list, but not in web-part. In web-part the distance between rows is high and it shows column headers.

The thing is until 3-4 weeks ago it was ok in web-part also, but something changed, maybe a SP update?

This is how it looks in SP list - this is ok, compact and without column headers

p1.PNG

 

And this is how it looks in web-part - with high space between rows and with column headers

p2.PNG

 

Please help me fix this! Thank you!

Hi @Cris20,

There was a bug last week because of which the list header was visible on the webparts. It has been fixed now, and you should see the fix in production by next week (if not already). The other spacing related CSS issue also looks like another side effect of the bug.

 

I just tried the same on my test site and it worked as expected. Kindly re-check or wait for a week for it to get resolved, else let me know if the issue still exists.

It looks good today, so it seems the issue was solved.

Thank you!

It works on sharepoint online now
It does not work on sharepoint on Prem
I even updated to latest update.
Please check this feature for sharepoint on Prem. It does not work
This seems to have returned for me, are devs applying changes in production without proper testing? The JSON does no longer show in the format this column options. This is not only for the web-parts in my case. The strange thing is that its inconsistent, viewing the list in a web-part and navigating to the list-view seems to sometimes show the correct formatting and sometimes not. Regardless, it seems I am unable to recover the JSON-formatting I created a while back, I did not expect to have to keep backups to account for breaking changes. Should I consider the formatting to be lost and start over and wait until this happens again, or could it return once they repair what they broke?

Hi @Hjalmar Otto Fjøsne ,

 

Sorry to hear that, but can you please share more details around the issue.

Do you have the JSON which was applied to the column? And what do you mean that the JSON do not show in "Format this column" option? Are you saying that you are able to see the formatted column but there isn't any JSON when you open the formatting pane?
If you are also not able to see that formatting being applied, can it be possible that some other user, who has the edit access on the list, must have removed the formatting?

 

It would really help in debugging if you can share the JSON you are using which isn't showing on the webpart but is working fine when you navigate to the list. 

@SVaibhav 

 

Hello,

 

I have added the basic button from the Microsoft Documentation for editProps and it works fine in the library view, but when added to a modern page the button either does nothing or tries to open the document rather than the properties. Reading through this thread I cannot tell if that is still to be expected or not?

 

Thanks.

 

Code for reference:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "button",
  "txtContent": "Open this item",
  "customRowAction": {
    "action": "editProps"
  }
}

@SVaibhav @Lincoln DeMaris I've got some very simple JSON formatting one column to have a clickable link to a URL in another column. It works great in the list, and when you first add it to a modern page, it looks fine too, but if I go to edit and then select a specific view, and then hit publish, the formatting is gone. JSON still works if you don't edit the list before publishing. More unusual is that if you click See All on the Modern Page, when the list comes up, the formatting is also not visible there anymore, even though the JSON is still there. Any help would be wildly appreciated.

UPDATE: I just realized that the Link field must be visible in the View for the JSON to work in a Modern Page. Works just fine with the List itself, but not when added to a Modern Page. Hope this helps someone!

 

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "span",
      "txtContent": "@currentField",
      "style": {
        "display": "=if([$Link] != '', 'none', 'block')"
      }
    },
    {
      "elmType": "a",
      "txtContent": "@currentField",
      "attributes": {
        "target": "_blank",
        "href": "[$Link]"
      },
      "style": {
        "display": "=if([$Link] != '', 'block', 'none')"
      }
    }
  ]
}

 

when adding to modern page, if i don't change the lists settings, it does show JSON, but if I try and specify a view or anything else, it kills it:DylanMMurphy_2-1634826391461.png

what it's supposed to do:

DylanMMurphy_1-1634824133971.png

what it actually does after clicking See All:

DylanMMurphy_0-1634824094702.png