Having difficulty with JSON View which only shows 30 records but view configured to show 100

%3CLINGO-SUB%20id%3D%22lingo-sub-1632117%22%20slang%3D%22en-US%22%3EHaving%20difficulty%20with%20JSON%20View%20which%20only%20shows%2030%20records%20but%20view%20configured%20to%20show%20100%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1632117%22%20slang%3D%22en-US%22%3E%3CP%3ENew%20to%20SharePoint%20admin%2Fdevelopment%20so%20please%20bear%20with%20me.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3ESharePoint%20Online%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20trying%20to%20apply%20a%20formatting%20view%20to%20a%20sharepoint%20list%20that%20normally%20will%20only%20have%20about%20100%20items%20per%20day%20(the%20list%20gets%20wiped%20every%20evening%20to%20be%20ready%20for%20next%20day).%20The%20view%20is%20formatted%20to%20show%20100%20records%20in%20a%20batch%20FWIW.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20make%20it%20beautiful%2C%20I%20found%20how%20to%20use%20JSON%20formatting.%20The%20problem%20is%20while%20the%20view%20renders%20with%20the%20JSON%20code%2C%20it%20only%20returns%2030%20records%20even%20though%20the%20list%20has%20more%20than%20that.%20If%20I%20view%20the%20list%20as%20normal%20then%20I%20see%20all%2060%20records%20(today's%20count)%20but%20the%20JSON%20formatting%20returns%20only%2030.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20using%20the%20JSON%20to%20show%20each%20record%20next%20to%20each%20other%2C%20as%20opposed%20to%20row%20per%20line%20if%20that%20makes%20sense.%3C%2FP%3E%3CP%3EWith%20this%20code%2C%20records%20show%20next%20to%20each%20other%20but%20only%20show%2030%20regardless%20of%20what%20I%20do%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%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%22hideListHeader%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%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22float%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%20%20%22align-items%22%3A%20%22stretch%22%2C%0A%20%20%20%20%20%20%22padding%22%3A%20%2216px%22%2C%0A%20%20%20%20%20%20%22margin-bottom%22%3A%20%2216px%22%2C%0A%20%20%20%20%20%20%22min-height%22%3A%20%22140px%22%2C%0A%20%20%20%20%20%20%22max-height%22%3A%20%22140px%22%2C%0A%20%20%20%20%20%20%22min-width%22%3A%20%22110px%22%2C%0A%20%20%20%20%20%20%22max-width%22%3A%20%22110px%22%2C%0A%20%20%20%20%20%20%22border-radius%22%3A%20%228px%22%2C%0A%20%20%20%20%20%20%22box-shadow%22%3A%20%224px%204px%208px%20darkgrey%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%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-grow%22%3A%20%221%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%22flex-wrap%22%3A%20%22wrap%22%2C%0A%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%22align-items%22%3A%20%22stretch%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22max-width%22%3A%20%22120px%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%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%22%3A%20%22none%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%22width%22%3A%20%22100px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22100px%22%2C%0A%20%20%20%20%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%20%20%20%20%22border-radius%22%3A%20%2250%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-right%22%3A%20%228px%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%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%3D'%2F_layouts%2F15%2Fuserphoto.aspx%3Fsize%3DL%26amp%3Baccountname%3D'%20%2B%20%5B%24EmployeeName.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%22title%22%3A%20%22%3Dif(%5B%24Picture%5D%20%3D%3D%20''%2C%20'No%20picture%20available'%2C%20%5B%24Picture.desc%5D)%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%22position%22%3A%20%22relative%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22top%22%3A%20%2250%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%22left%22%3A%20%2250%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%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%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%22margin-left%22%3A%20%22-50%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%22margin-top%22%3A%20%22-50%25%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%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%22text-align%22%3A%20%22center%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%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22450%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%220.6rem%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%3Dif(%5B%24EmployeeName.title%5D%20%3D%3D%20''%2C%20%5B%24Full_x0020_Name%5D%2C%20'')%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-weight%22%3A%20%22450%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22red%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%220.6rem%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%24channel%5D%22%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%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWith%20this%20JSON%2C%20each%20record%20is%20on%20it's%20own%20line%20but%20then%20does%20show%20all%20records%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%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%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22stretch%22%2C%0A%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%22padding%22%3A%20%2220px%22%2C%0A%20%20%20%20%20%20%20%20%22margin-bottom%22%3A%20%2216px%22%2C%0A%20%20%20%20%20%20%20%20%22min-height%22%3A%20%22100px%22%2C%0A%20%20%20%20%20%20%20%20%22max-height%22%3A%20%22100px%22%2C%0A%20%20%20%20%20%20%20%20%22min-width%22%3A%20%22110px%22%2C%0A%20%20%20%20%20%20%20%20%22max-width%22%3A%20%22110px%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%228px%22%2C%0A%20%20%20%20%20%20%20%20%22box-shadow%22%3A%20%224px%204px%208px%20darkgrey%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLighter%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%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%22_comment_%22%3A%20%22DIV%20ONE%22%2C%0A%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%22flex-grow%22%3A%20%221%22%2C%0A%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%22flex-direction%22%3A%20%22column%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22stretch%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-width%22%3A%20%2250px%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%22children%22%3A%20%5B%0A%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%22elmType%22%3A%20%22img%22%2C%0A%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%22display%22%3A%20%22block%22%2C%0A%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%22margin-top%22%3A%20%2210px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%2250%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22min-height%22%3A%20%2260px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22max-height%22%3A%20%2260px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%2250%25%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%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%3D'%2F_layouts%2F15%2Fuserphoto.aspx%3Fsize%3DM%26amp%3Baccountname%3D'%20%2B%20%5B%24EmployeeName.email%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%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%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%22style%22%3A%20%7B%0A%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%22padding%22%3A%20%225px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22margin%22%3A%20%22auto%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%22children%22%3A%20%5B%0A%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%22elmType%22%3A%20%22div%22%2C%0A%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%22font-weight%22%3A%20%22450%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%220.6rem%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%22txtContent%22%3A%20%22%3Dif(%5B%24EmployeeName.title%5D%20%3D%3D%20''%2C%20%5B%24Full_x0020_Name%5D%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%7B%0A%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%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22red%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22500%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%220.7em%22%2C%0A%20%20%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%20%20%22max-width%22%3A%20%22280px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22wrap%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%22txtContent%22%3A%20%22%5B%24channel%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20exact%20part%20of%20the%20JSON%20section%20could%20defines%20how%20it%20renders%20by%20row%20or%20by%20column.%20Apologies%20for%20my%20stupid%20question.%20I've%20read%20as%20much%20as%20I%20can%20but%20as%20a%20newbie%20to%20JSON%2C%20etc%20-%20i%20finally%20gave%20up%20and%20have%20decided%20to%20ask%20for%20help%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1632117%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Frequent Visitor

New to SharePoint admin/development so please bear with me. 

 

SharePoint Online

 

I am trying to apply a formatting view to a sharepoint list that normally will only have about 100 items per day (the list gets wiped every evening to be ready for next day). The view is formatted to show 100 records in a batch FWIW. 

 

To make it beautiful, I found how to use JSON formatting. The problem is while the view renders with the JSON code, it only returns 30 records even though the list has more than that. If I view the list as normal then I see all 60 records (today's count) but the JSON formatting returns only 30.

 

I am using the JSON to show each record next to each other, as opposed to row per line if that makes sense.

With this code, records show next to each other but only show 30 regardless of what I do

 

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "hideSelection": true,
  "hideListHeader": true,
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "float": "left",
      "display": "flex",
      "flex-wrap": "wrap",
      "flex-direction": "row",
      "align-items": "stretch",
      "padding": "16px",
      "margin-bottom": "16px",
      "min-height": "140px",
      "max-height": "140px",
      "min-width": "110px",
      "max-width": "110px",
      "border-radius": "8px",
      "box-shadow": "4px 4px 8px darkgrey"
    },
    "attributes": {
      "class": "ms-bgColor-neutralLighter"
    },
    "children": [
      {
        "elmType": "div",
        "style": {
          "flex-grow": "1",
          "display": "flex",
          "flex-wrap": "wrap",
          "flex-direction": "column",
          "align-items": "stretch",
          "max-width": "120px"
        },
        "children": [
          {
            "elmType": "div",
            "style": {
              "flex": "none"
            },
            "children": [
              {
                "elmType": "div",
                "style": {
                  "width": "100px",
                  "height": "100px",
                  "overflow": "hidden",
                  "border-radius": "50%",
                  "margin-right": "8px"
                },
                "children": [
                  {
                    "elmType": "img",
                    "attributes": {
                      "src": "='/_layouts/15/userphoto.aspx?size=L&accountname=' + [$EmployeeName.email]",
                      "title": "=if([$Picture] == '', 'No picture available', [$Picture.desc])"
                    },
                    "style": {
                      "position": "relative",
                      "top": "50%",
                      "left": "50%",
                      "width": "100%",
                      "height": "auto",
                      "margin-left": "-50%",
                      "margin-top": "-50%"
                    }
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "elmType": "div",
        "style": {
          "text-align": "center"
        },
        "children": [
          {
            "elmType": "div",
            "style": {
              "font-weight": "450",
              "font-size": "0.6rem"
            },
            "txtContent": "=if([$EmployeeName.title] == '', [$Full_x0020_Name], '')"
          },
          {
            "elmType": "div",
            "style": {
              "font-weight": "450",
              "color": "red",
              "font-size": "0.6rem"
            },
            "txtContent": "[$channel]"
          }
        ]
      }
    ]
  }
}

 

 

With this JSON, each record is on it's own line but then does show all records

 

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
    "hideSelection": true,
    "hideColumnHeader": true,
    "rowFormatter": {
      "elmType": "div",
      "style": {
        "display": "flex",
        "flex-wrap": "wrap",
        "align-items": "stretch",
        "flex-direction": "row",
        "padding": "20px",
        "margin-bottom": "16px",
        "min-height": "100px",
        "max-height": "100px",
        "min-width": "110px",
        "max-width": "110px",
        "border-radius": "8px",
        "box-shadow": "4px 4px 8px darkgrey"
      },
      "attributes": {
        "class": "ms-bgColor-neutralLighter"
      },
      "children": [
        {
          "elmType": "div",
          "_comment_": "DIV ONE",
          "style": {
            "flex-grow": "1",
            "display": "flex",
            "flex-direction": "column",
            "flex-wrap": "wrap",
            "align-items": "stretch",
            "max-width": "50px"
          },
          "children": [
            {
              "elmType": "img",
              "style": {
                "display": "block",
                "height": "auto",
                "margin-top": "10px",
                "margin-left": "50%",
                "min-height": "60px",
                "max-height": "60px",
                "border-radius": "50%"
              },
              "attributes": {
                "src": "='/_layouts/15/userphoto.aspx?size=M&accountname=' + [$EmployeeName.email]"
              }
            }
          ]
        },
        {
          "elmType": "div",
          "style": {
            "text-align": "center",
            "padding": "5px",
            "margin": "auto"
          },
          "children": [
            {
              "elmType": "div",
              "style": {
                "font-weight": "450",
                "font-size": "0.6rem"
              },
              "txtContent": "=if([$EmployeeName.title] == '', [$Full_x0020_Name], '')"
            },
            {
              "elmType": "div",
              "style": {
                "color": "red",
                "font-weight": "500",
                "font-size": "0.7em",
                "overflow": "hidden",
                "max-width": "280px",
                "white-space": "wrap"
              },
              "txtContent": "[$channel]"
            }
          ]
        }
      ]
    }
  }

 

 

What exact part of the JSON section could defines how it renders by row or by column. Apologies for my stupid question. I've read as much as I can but as a newbie to JSON, etc - i finally gave up and have decided to ask for help :)

 

0 Replies