I have a question about Group Header Status Icon Color

[Elonmuskis]

Hello, I have a question with formatting of Group Header Status Icon Color. Ive used the Code below in formatting of the Column and View, but still the code doesn't provide the intended use case.

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json", "groupProps": { "headerFormatter": { "elmType": "div", "style": { "flex-direction": "row" }, "children": [ { "elmType": "div", "attributes": { "class": "=if(@group.fieldData == 'Pending', 'sp-css-backgroundColor-BgCornflowerBlue', if(@group.fieldData == 'Approved', 'sp-css-backgroundColor-BgMintGreen',if(@group.fieldData == 'On Hold', 'sp-css-backgroundColor-BgGold',if(@group.fieldData == 'Rejected', 'sp-css-backgroundColor-BgCoral','sp-field-borderAllRegular sp-field-borderAllSolid sp-css-borderColor-neutralSecondary'))))" }, "style": { "display": "inline-flex", "height": "25px", "border-radius": "15px", "padding-left": "8px", "padding-top": "5px" }, "children": [ { "elmType": "span", "attributes": { "iconName": "=if(@group.fieldData == 'On Hold', 'CirclePauseSolid', if(@group.fieldData == 'Approved', 'SkypeCircleCheck',if(@group.fieldData == 'Pending', 'ClipboardListQuestion',if(@group.fieldData == 'Rejected', 'Blocked','StatusCircleQuestionMark'))))" }, "style": { "padding-right": "6px", "padding-top": "2px" } }, { "elmType": "div", "style": { "display": "inline-flex", "padding-right": "9px" }, "children": [ { "elmType": "div", "style": { "padding-left": "5px" }, "attributes": { "class": "ms-fontWeight-bold" }, "txtContent": "=@group.count" }, { "elmType": "div", "style": { "padding-left": "5px" }, "attributes": { "class": "ms-fontWeight-normal" }, "txtContent": "= if(@group.count!= 1,'Items are','Item is')" }, { "elmType": "div", "txtContent": "=@group.fieldData", "attributes": { "title": "=@group.fieldData", "class": "ms-fontWeight-bold" }, "style": { "padding-left": "5px" } } ] } ] } ] } } }

GroupHeaderIconColor.pdf

[Fedes365]

Hello @Elonmuskis

I've opened your pdf attached to this issue and I've noticed that the items are not grouped according to the "Status" column 🤔

[Fedes365]

Here is my result after grouping items according to the Status column:

[Elonmuskis]

Thank you Fedes. I forgot to Group the Status Column. Now after I did that and put the code in the Formatting of the View (of the List) it worked. Thank you again and have a nice day ;).

[tecchan1107]

Thank you @Fedes365 🙏✨