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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%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
Highlighted
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?

55 Replies
Highlighted
Well, IMHO it's not a well known limitation, it's just that the modern List and Document Library WebParts does not support column formatting....column formatting is just something specific (at the moment) of the modern lists and document libraries
Highlighted

Did you do it directly in the view or on the column itself? 

Maybe a workaround could be to use ContentTypes and format the column in there.

Highlighted
Paul,
He is talking about the modern list WebPart....I simply think this WebPart just not take into account any customization you have in your modern list
Highlighted

The format is applied directly to the column.  Juan Carlos is right that it's in the Modern List Web Part that the format doesn't show.

 

We're effectively trying to build a dashboard across several lists / libraries and need to be able to show the formats to clearly highlight certain status items.  It's a shame that the Web Part ignores the formats, as this would save us writing custom code or going with other more complex options like PowerBI.

 

Any ideas when (or even if) the Modern List Web Part will support column formats?

Highlighted
Highlighted

Thanks for looping me in.  We are working on adding the column formatting functionality to the list view web part now.  We are planning on shipping this functionality in the next couple of months.

Highlighted

That's great news, many thanks for the update ... Looking forward to seeing this go live :)

Highlighted

Dear Lincoln,

 

Are the next couple of month a matter of 3-4 month or a matter of 6 to 12 month.

It would be good know, if I can count on it when we go online with our awesome new SPO platform in June or I need to work on an alternative solution.

 

Thx for letting me know

Philipp

Highlighted

We're actually planning on rolling this out in the next month or two.  We have not made the announcement yet, so it's not certain, but we're on a path to ship very soon.

Highlighted

Hey Lincoln,

 

Hope all is going well.  Any update on when this will be available?

 

Thanks in advance,

 

Greg

Highlighted

Any update on this feature rolling out. Last update in this thread was about 2 months ago.

Thanks

Highlighted

There's some good news... When can we expect roll out of column formatting in modern list view web part? Please help!

Highlighted

My inner cynic tells me that nothing new will come out until the big show in Las Vegas in May. 

Highlighted

Hi Mike,

 

We are running into the same issue as well when adding a list using JSON green-yellow-red status column directly as a web part. 

 

Don't if this will meet your requirements but the workaround I've implemented is utilizing Page Viewer (see below for the procedure I went thru), which seems to work fine for now. Hopefully Microsoft will support JSON formatter in web parts in the future.

 

Procedure

  1. Make note of the URL for your SharePoint list.
  2. Go to your SharePoint page you want to add the web part and select Edit page.
  3. Click on the Insert tab > Web Part > Media and Content > Page Viewer.
  4. In the Page Viewer web part, select Edit Web Part.
  5. In the Page Viewer dialog, make sure Web Page is selected, than enter the URL noted from Step 1 into the field provided.
  6. Click Apply.

NOTE:  You may need place a fixed height or width (in Appearances section) accordingly on the web part as well.

Highlighted

It is available now on my account, but I am setup for targeted release in our tenant so I imagine it will be generally available very soon?

Highlighted

Hello! Is there an update on this feature?

Highlighted

This feature is now fully rolled out; you should be seeing column formatting inside web parts now in your environment.

Highlighted

Hi Lincoln, 

 

Thanks for the update! I can see the column formatting in the Web Part pages, but when I assign a view to the Web Part, the view does not stay once the page is published. 

 

Is there a fix planned for the Web Part views to actually stay in the Web Part pages? 

 

On Site and Wiki pages, I can get the correct view to show once the page is published, but the JSON column formatting does not show.

 

Is there a type of page where the web part has both column formatting and correct (not always the default) view?

 

Thanks,

Joy

 

 

Highlighted

I would also like formatting to show up on Views.  Can this be done?  Would be extremely useful for me.

Christy