Sharepoint list layout issue with JSON formatting

Question

Dear Members, pls help me out - I have added JSON formatting to my sharepoint list and I need my list item header to look like the code I added below. The problem is that it is getting displayed as "Request No." (blank) and not reflecting the title column value (which, I must add, is automated on PowerAutomate to reflect the ID column). Earlier this same code was working but now it is not. What i the reason and the solution? Please please please help. (The internal name for the Title column is Title only)

{
    "elmType": "div",
    "attributes": {
        "class": "ms-bgColor-blueDark"
    },
    "style": {
        "width": "90%",
        "border-top-width": "0px",
        "border-bottom-width": "1px",
        "border-left-width": "0px",
        "border-right-width": "0px",
        "border-style": "solid",
        "margin-bottom": "16px"
    },
    "children": [
        {
            "elmType": "div",
            "style": {
                "display": "flex",
                "box-sizing": "border-box",
                "align-items": "center"
            },
            "children": [
                {
                    "elmType": "div",
                    "attributes": {
                        "iconName": "Pin",
                        "class": "ms-fontSize-42 ms-fontWeight-regular ms-fontColor-white",
                        "title": "Details"
                    },
                    "style": {
                        "flex": "none",
                        "padding": "0px",
                        "padding-left": "0px",
                        "height": "36px"
                    }
                }
            ]
        },
        {
            "elmType": "div",
            "attributes": {
                "class": "ms-fontColor-white ms-fontWeight-bold ms-fontSize-24"
            },
            "style": {
                "box-sizing": "border-box",
                "width": "100%",
                "text-align": "left",
                "padding": "21px 12px",
                "overflow": "hidden"
            },
            "children": [
                {
                    "elmType": "div",
                    "txtContent": "='Request No. ' + [$Title]"
                }
            ]
        }
    ]
}

Answer 1

I have tested the situation and I cannot reproduce the issue.

Here are my steps.

1.Create a flow to fill in Title column as ID column.

2.Add JSON codes to header.

3.Result:

Could you provide your Power Automate? And you could try to delete the JSON codes then re-add again.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

@Ambika did you hide the Title column from list form?

If yes, in that case the showing Title column value using JSON will not work as JSON formatting can only read the column values for fields which are visible on the list forms.

1. Make sure you have not hide the Title column from list form
2. Make sure you are using correct internal name of your SharePoint list columns in the JSON

---

If the answer is helpful, please click Accept Answer and kindly upvote it. If you have extra questions about this answer, please click "Comment". For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs