SOLVED

Unable to format document library Title field with JSON

%3CLINGO-SUB%20id%3D%22lingo-sub-382747%22%20slang%3D%22en-US%22%3EUnable%20to%20format%20document%20library%20Title%20field%20with%20JSON%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-382747%22%20slang%3D%22en-US%22%3E%3CP%3EI%20can%20set%20the%20JSON%20for%20the%20title%20field%2C%20%3CSTRONG%3EPreview%3C%2FSTRONG%3E%20works%2C%20%3CSTRONG%3ESave%3C%2FSTRONG%3E%20works%2C%20but%20as%20soon%20as%20I%20%3CSTRONG%3ECancel%3C%2FSTRONG%3E%20the%20formatting%20pane%2C%20the%20formatting%20disappears.%26nbsp%3B%20Re-opening%20the%20formatting%20pane%20shows%20no%20contents.%26nbsp%3B%20It%20appears%20to%20be%20isolated%20to%20the%20Title.%20I%20can%20apply%20the%20same%20formatting%20to%20other%20columns%20and%20it%20persists.%20I%20also%20tried%20to%20put%20the%20formatting%20in%20through%20the%20List%20Settings%20-%26gt%3B%20Column%20-%26gt%3B%20Column%20format%20and%20it%20disappears%20from%20there%20too.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-382747%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDocument%20Library%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-388718%22%20slang%3D%22en-US%22%3ERe%3A%20Unable%20to%20format%20document%20library%20Title%20field%20with%20JSON%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-388718%22%20slang%3D%22en-US%22%3E%3CP%3EFor%20the%20sake%20of%20closing%20the%20loop%2C%20my%20work-around%20was%20to%20create%20another%20field%20and%20use%20JSON%20formatting%20to%20populate%20it%20(vice%20use%20a%20calculation%20field%2C%20though%20I%20assume%20that%20would%20have%20worked%20too).%20Of%20note%2C%20the%20pseudo%20column%20cannot%20be%20blank%20or%20null%20-%20I%20just%20defaulted%20it%20to%20be%20%22*%22.%26nbsp%3B%20The%20below%20JSON%20makes%20all%20my%20%22Final%22%20documents%20display%20in%20bold%20text%2C%20everything%20else%20is%20indented%20to%20set%20them%20apart.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22elmType%22%3A%20%22div%22%2C%3CBR%20%2F%3E%22txtContent%22%3A%20%22%3D%5B%24Title%5D%22%2C%3CBR%20%2F%3E%22attributes%22%3A%20%7B%7D%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%3CBR%20%2F%3E%22font-weight%22%3A%20%22%3Dif(%5B%24IsFinal%5D%2C%20'bold'%2C%20'')%22%2C%3CBR%20%2F%3E%22padding-left%22%3A%20%22%3Dif(%5B%24IsFinal%5D%2C%20'0em'%2C%20'2em')%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22customRowAction%22%3A%20%7B%7D%2C%3CBR%20%2F%3E%22children%22%3A%20%5B%5D%3CBR%20%2F%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20to%20all%20for%20your%20input!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-386496%22%20slang%3D%22en-US%22%3ERe%3A%20Unable%20to%20format%20document%20library%20Title%20field%20with%20JSON%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-386496%22%20slang%3D%22en-US%22%3E%3CP%3EHello%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F287099%22%20target%3D%22_blank%22%3E%40tiredoldcoder%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20don't%20believe%20the%20Name%2FTitle%20column%20is%20supported.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFrom%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%23create-simple-data-visualizations%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EUse%20column%20formatting%20to%20customize%20SharePoint%3C%2FA%3E%3A%3C%2FP%3E%3CBLOCKQUOTE%3E%3CH2%20id%3D%22toc-hId-1680664909%22%20id%3D%22toc-hId-1734228101%22%20id%3D%22toc-hId-1734228101%22%20id%3D%22toc-hId-1734228101%22%3ESupported%20column%20types%3C%2FH2%3E%3CP%3EThe%20following%20column%20types%20support%20column%20formatting%3A%3C%2FP%3E%3CUL%3E%3CLI%3ESingle%20line%20of%20text%3C%2FLI%3E%3CLI%3ENumber%3C%2FLI%3E%3CLI%3EChoice%3C%2FLI%3E%3CLI%3EPerson%20or%20Group%3C%2FLI%3E%3CLI%3EYes%2FNo%3C%2FLI%3E%3CLI%3EHyperlink%3C%2FLI%3E%3CLI%3EPicture%3C%2FLI%3E%3CLI%3EDate%2FTime%3C%2FLI%3E%3CLI%3ELookup%3C%2FLI%3E%3CLI%3E%3CSTRONG%3ETitle%20(in%20Lists)%3C%2FSTRONG%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3EThe%20following%20are%20not%20currently%20supported%3A%3C%2FP%3E%3CUL%3E%3CLI%3E%3CSPAN%3EManaged%20Metadata%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSTRONG%3EFilename%20(in%20Document%20Libraries)%3C%2FSTRONG%3E%3C%2FLI%3E%3CLI%3ECalculated%3C%2FLI%3E%3CLI%3ERetention%20Label%3C%2FLI%3E%3CLI%3ECurrency%3C%2FLI%3E%3C%2FUL%3E%3C%2FBLOCKQUOTE%3E%3CP%3EI%20hope%20this%20helps.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENorm%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-384155%22%20slang%3D%22en-US%22%3ERe%3A%20Unable%20to%20format%20document%20library%20Title%20field%20with%20JSON%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-384155%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F287099%22%20target%3D%22_blank%22%3E%40tiredoldcoder%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20you%20please%20post%20the%20JSON%20you%20are%20using%20for%20the%20field%3F%26nbsp%3B%20I%20was%20able%20to%20reproduce%20this%20exact%20behavior%20and%20seems%20buggy%20to%20me.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFormat%20the%20Title%2C%20and%20paste%20this%20JSON%20just%20to%20bold%20it%20for%20example%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%7B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%22%24schema%22%3A%22%3CA%20href%3D%22http%3A%2F%2Fcolumnformatting.sharepointpnp.com%2FcolumnFormattingSchema.json%26quot%3B%2C%26nbsp%3B%26nbsp%3B%26nbsp%3B%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fcolumnformatting.sharepointpnp.com%2FcolumnFormattingSchema.json%22%2C%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2FA%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3CSPAN%3E%26nbsp%3B%20%26nbsp%3B%20%22elmType%22%3A%22div%22%2C%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3CBR%20%2F%3E%3CSPAN%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%22style%22%3A%7B%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3CBR%20%2F%3E%3CSPAN%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%22font-weight%22%3A%22bold%22%26nbsp%3B%3C%2FSPAN%3E%3CBR%20%2F%3E%3CSPAN%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%7D%2C%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%22txtContent%22%3A%22%40currentField%22%3C%2FSPAN%3E%3CBR%20%2F%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EClick%20Save%2C%20it%20shows.%26nbsp%3B%20Click%20the%20X%20to%20close%20the%20format%20dialog%2C%20the%20formatting%20disappears.%26nbsp%3B%20I%20do%20the%20exact%20same%20thing%20to%20a%20different%20column%20like%20Name%2C%20click%20the%20X%20and%20the%20formatting%20sticks.%26nbsp%3B%20If%20you%20edit%20the%20library%20and%20put%20it%20in%20Title%2C%20it%20does%20indeed%20remove%20it%20as%20saving%20it.%26nbsp%3B%20Its%20like%20they%20don't%20want%20you%20to%20save%20it.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EI'd%20like%20someone%20else%20to%20validate.%26nbsp%3B%20Is%20the%20Title%20field%20locked%20or%20something%20underneath%20that%20prevents%20this%20from%20working%3F%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-893531%22%20slang%3D%22en-US%22%3ERe%3A%20Unable%20to%20format%20document%20library%20Title%20field%20with%20JSON%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-893531%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F287099%22%20target%3D%22_blank%22%3E%40tiredoldcoder%3C%2FA%3E%26nbsp%3BI%20think%20this%20is%20a%20bug%20in%20the%20interface.%20I've%20had%20my%20formatting%20vanish%20after%20closing%20the%20formatting%20pane.%20On%20refreshing%20the%20page%20my%20formatting%20comes%20back%20and%20is%20now%20available%20to%20edit%20again.%3CBR%20%2F%3E%3CBR%20%2F%3EIt%20gets%20even%20more%20interesting%20if%20you're%20working%20on%20a%20List%20with%20multiple%20formatted%20views...%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EThis%20is%20how%20I'm%20formatting%20my%20Document%20Library%3A%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-javascript%22%3E%3CCODE%3E%7B%0A%20%20%22schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%3C%2FA%3E%22%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22hideColumnHeader%22%3A%20true%2C%0A%20%20%22rowFormatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22href%22%3A%20%22%5B%24FileRef%5D%22%2C%0A%20%20%20%20%20%20%22title%22%3A%20%22%5B%24FileLeafRef%5D%22%2C%0A%20%20%20%20%20%20%22target%22%3A%20%22%3Dif(%5B%24NewTab%5D%20%3D%3D%20true%2C%20'_blank'%2C%20'')%22%2C%0A%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-themePrimary%20ms-bgColor-themeDark--hover%20ms-fontColor-neutralLighterAlt%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%22float%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%22position%22%3A%20%22relative%22%2C%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%22100%25%22%2C%0A%20%20%20%20%20%20%22margin-top%22%3A%20%225px%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%22attributes%22%3A%20%7B%7D%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%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22min-width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22min-height%22%3A%20%2240px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22-webkit-font-smoothing%22%3A%20%22antialiased%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22400%22%2C%0A%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%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22user-select%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22outline%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22border-width%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22border-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22border-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22border-image%22%3A%20%22initial%22%2C%0A%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%22border-radius%22%3A%20%220px%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%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%22min-width%22%3A%20%2260%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22min-height%22%3A%20%2240px%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%22align-items%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%22iconName%22%3A%20%22%3Dif(%5B%24File_x0020_Type%5D%20%3D%3D%20'docx'%2C%20'wordDocument'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'xlsx'%2C%20'ExcelDocument'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'pptx'%2C%20'PowerPointDocument'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'pdf'%2C%20'PDF'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'jpg'%20%7C%7C%20%5B%24File_x0020_Type%5D%20%3D%3D%20'png'%20%7C%7C%20%5B%24File_x0020_Type%5D%20%3D%3D%20'gif'%2C%20'FileImage'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'mp4'%20%7C%7C%20%5B%24File_x0020_Type%5D%20%3D%3D%20'avi'%20%7C%7C%20%5B%24File_x0020_Type%5D%20%3D%3D%20'mov'%2C%20'MSNVideos'%2C%20if(%5B%24File_x0020_Type%5D%20%3D%3D%20'zip'%2C%20'ZipFolder'%2C'Unknown')))))))%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%22flex%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%22line-height%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%22font-weight%22%3A%20%22normal%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%222rem%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%205px%205px%2010px%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%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%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%22line-height%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%22font-weight%22%3A%20%22600%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%205px%205px%2010px%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%3Dif(%5B%24Title%5D%20%3D%3D%20''%2C%20'%5B%24FileLeafRef%5D'%2C%20'%5B%24Title%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-white%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%22none%22%2C%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%22box-sizing%22%3A%20%22border-box%22%2C%0A%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%22display%22%3A%20%22%3Dif(%5B%24Description%5D%20%3D%3D%20''%2C%20'none'%2C%20'flex')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22min-width%22%3A%20%2240%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22min-height%22%3A%20%2240px%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%22ms-fontColor-black%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%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%22line-height%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%22font-weight%22%3A%20%22600%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%2211px%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%24Description%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%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3BT.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

I can set the JSON for the title field, Preview works, Save works, but as soon as I Cancel the formatting pane, the formatting disappears.  Re-opening the formatting pane shows no contents.  It appears to be isolated to the Title. I can apply the same formatting to other columns and it persists. I also tried to put the formatting in through the List Settings -> Column -> Column format and it disappears from there too.

4 Replies
Highlighted

Hi @tiredoldcoder,

 

Can you please post the JSON you are using for the field?  I was able to reproduce this exact behavior and seems buggy to me.  

 

Format the Title, and paste this JSON just to bold it for example:

 

{     "$schema":"http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",   
    "elmType":"div",        
        "style":{  
               "font-weight":"bold" 
             },         "txtContent":"@currentField"
}

 

Click Save, it shows.  Click the X to close the format dialog, the formatting disappears.  I do the exact same thing to a different column like Name, click the X and the formatting sticks.  If you edit the library and put it in Title, it does indeed remove it as saving it.  Its like they don't want you to save it.

 

I'd like someone else to validate.  Is the Title field locked or something underneath that prevents this from working?

Highlighted
Best Response confirmed by tiredoldcoder (New Contributor)
Solution

Hello @tiredoldcoder ,

 

I don't believe the Name/Title column is supported.

 

From Use column formatting to customize SharePoint:

Supported column types

The following column types support column formatting:

  • Single line of text
  • Number
  • Choice
  • Person or Group
  • Yes/No
  • Hyperlink
  • Picture
  • Date/Time
  • Lookup
  • Title (in Lists)

The following are not currently supported:

  • Managed Metadata
  • Filename (in Document Libraries)
  • Calculated
  • Retention Label
  • Currency

I hope this helps.

 

Norm

 

Highlighted

For the sake of closing the loop, my work-around was to create another field and use JSON formatting to populate it (vice use a calculation field, though I assume that would have worked too). Of note, the pseudo column cannot be blank or null - I just defaulted it to be "*".  The below JSON makes all my "Final" documents display in bold text, everything else is indented to set them apart.

 

{
"elmType": "div",
"txtContent": "=[$Title]",
"attributes": {},
"style": {
"font-weight": "=if([$IsFinal], 'bold', '')",
"padding-left": "=if([$IsFinal], '0em', '2em')"
},
"customRowAction": {},
"children": []
}

 

Thanks to all for your input!

Highlighted

@tiredoldcoder I think this is a bug in the interface. I've had my formatting vanish after closing the formatting pane. On refreshing the page my formatting comes back and is now available to edit again.

It gets even more interesting if you're working on a List with multiple formatted views... 

This is how I'm formatting my Document Library: 

{
  "schema": "<a href="https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json" target="_blank">https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a>",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "a",
    "attributes": {
      "href": "[$FileRef]",
      "title": "[$FileLeafRef]",
      "target": "=if([$NewTab] == true, '_blank', '')",
      "class": "ms-bgColor-themePrimary ms-bgColor-themeDark--hover ms-fontColor-neutralLighterAlt"
    },
    "style": {
      "float": "left",
      "position": "relative",
      "text-decoration": "none",
      "width": "100%",
      "margin-top": "5px"
    },
    "children": [
      {
        "elmType": "div",
        "attributes": {},
        "style": {
          "display": "flex",
          "min-width": "100%",
          "min-height": "40px",
          "-webkit-font-smoothing": "antialiased",
          "font-size": "14px",
          "font-weight": "400",
          "box-sizing": "border-box",
          "cursor": "pointer",
          "user-select": "none",
          "outline": "transparent",
          "border-width": "1px",
          "border-style": "solid",
          "border-color": "transparent",
          "border-image": "initial",
          "text-decoration": "none",
          "border-radius": "0px"
        },
        "children": [
          {
            "elmType": "div",
            "style": {
              "text-align": "left",
              "display": "flex",
              "min-width": "60%",
              "min-height": "40px",
              "box-sizing": "border-box",
              "align-items": "center"
            },
            "children": [
              {
                "elmType": "div",
                "attributes": {
                  "iconName": "=if([$File_x0020_Type] == 'docx', 'wordDocument', if([$File_x0020_Type] == 'xlsx', 'ExcelDocument', if([$File_x0020_Type] == 'pptx', 'PowerPointDocument', if([$File_x0020_Type] == 'pdf', 'PDF', if([$File_x0020_Type] == 'jpg' || [$File_x0020_Type] == 'png' || [$File_x0020_Type] == 'gif', 'FileImage', if([$File_x0020_Type] == 'mp4' || [$File_x0020_Type] == 'avi' || [$File_x0020_Type] == 'mov', 'MSNVideos', if([$File_x0020_Type] == 'zip', 'ZipFolder','Unknown')))))))"
                },
                "style": {
                  "flex": "none",
                  "line-height": "100%",
                  "font-weight": "normal",
                  "font-size": "2rem",
                  "margin": "5px 5px 5px 10px"
                }
              },
              {
                "elmType": "div",
                "style": {
                  "flex": "none",
                  "line-height": "100%",
                  "font-weight": "600",
                  "margin": "5px 5px 5px 10px"
                },
                "txtContent": "=if([$Title] == '', '[$FileLeafRef]', '[$Title]')"
              }
            ]
          },
          {
            "elmType": "div",
            "attributes": {
              "class": "ms-bgColor-white"
            },
            "style": {
              "flex": "none",
              "text-align": "left",
              "box-sizing": "border-box",
              "align-items": "center",
              "display": "=if([$Description] == '', 'none', 'flex')",
              "min-width": "40%",
              "min-height": "40px"
            },
            "children": [
              {
                "elmType": "div",
                "attributes": {
                  "class": "ms-fontColor-black"
                },
                "style": {
                  "width": "100%",
                  "line-height": "100%",
                  "font-weight": "600",
                  "font-size": "11px",
                  "margin": "5px"
                },
                "txtContent": "[$Description]"
              }
            ]
          }
        ]
      }
    ]
  }
}

 T.