Customization of Sharepoint List UI (Modern)

%3CLINGO-SUB%20id%3D%22lingo-sub-1651834%22%20slang%3D%22en-US%22%3ECustomization%20of%20Sharepoint%20List%20UI%20(Modern)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1651834%22%20slang%3D%22en-US%22%3E%3CP%3EHow%20to%20Customise%20the%20UI%20of%20sharepoint%20List.%20In%20a%20list%20i%20want%20to%20add%20colour%20to%20%22group%20by%22%20header.%20Tried%20column%20formatting%20but%20didn't%20work%20as%20it%20formats%20only%20column%20header%20and%20not%20group%20by%20headers.Screenshot%20attached%20for%20reference%20.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1651834%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Lists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1651922%22%20slang%3D%22en-US%22%3ERe%3A%20Customization%20of%20Sharepoint%20List%20UI%20(Modern)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1651922%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F788390%22%20target%3D%22_blank%22%3E%40swati8826%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20think%20you%20can%20accomplish%20this%20by%20using%20View%20Formatting%2C%20however%20there%20can%20be%20limitations%20depending%20on%20what%20you%20want%20to%20do.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3ESamples%20are%20available%20here%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-list-formatting%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-list-formatting%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1652338%22%20slang%3D%22en-US%22%3ERe%3A%20Customization%20of%20Sharepoint%20List%20UI%20(Modern)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1652338%22%20slang%3D%22en-US%22%3E%3CP%3EYes%20using%20formatting%20i%20can%20format%20column%20headers%20but%20not%20group%20by%20header%20text%26nbsp%3B%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55998%22%20target%3D%22_blank%22%3E%40Maggan%20W%C3%A5hlin%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

How to Customise the UI of sharepoint List. In a list i want to add colour to "group by" header. Tried column formatting but didn't work as it formats only column header and not group by headers.Screenshot attached for reference .

3 Replies
Highlighted

@swati8826 

 

I think you can accomplish this by using View Formatting, however there can be limitations depending on what you want to do.

 

Samples are available here: https://github.com/SharePoint/sp-dev-list-formatting

 

Highlighted

Yes using formatting i can format column headers but not group by header text  @Maggan Wåhlin 

Highlighted
Ok, I guess that the only way is to build an SPFx component or wait for view formatting to support this.