Custom Header to include fields from SP list

Question

Hi Team

I'd like to amend the header of my SharePoint list form to reflect the below. I want to include 14 fields (highlighted in blue which I require them in white text) from the form to show the results in the header and be broken down into 4 sections. I know this can be done after watching a video on Youtube https://www.youtube.com/watch?v=H4HyWJ9Seps&list=WL&index=7. I'll also provide the current JSON coding which needs to be amended and I'm happy to have the font size reduced for these fields which I'll grab the internal name from the list settings section.

Proposed Header- Refer to red boxes of additional fields I want to include with the font colour I require for certain fields. Be advised I have the fields under Useful Hyperlinks, but I require the text of "Useful Hyperlinks" to be added above so it's a heading.

Additionally if I could have 'B&PB Change' under Contact us, Hyperlink to open up a blank outlook email template and if possible, to grab the details of the GRACE ID, Initiative Name & Go Live Date so it shows up in the subject line. Also, an emoji of an email letter so it stands out.

Existing Header JSON Coding-

{
    "debugmode": "true",
    "elmType": "div",
    "attributes": {
        "class": "ms-bgColor-black"
    },
    "style": {
        "width": "100%",
        "border-top-width": "0px",
        "border-bottom-width": "0px",
        "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": "img",
                    "style": {
                        "width": "150px"
                    },
                    "attributes": {
                        "src": "https://www.withcashback.com.au/wp-content/uploads/2020/01/NAB_701x287.jpg"
                    }
                }
            ]
        },
        {
            "elmType": "div",
            "style": {
                "box-sizing": "border-box",
                "width": "100%",
                "text-align": "left",
                "padding": "6px 12px",
                "overflow": "hidden"
            },
            "children": [
                {
                    "elmType": "div",
                    "txtContent": "=if ([$Title] == '', 'B&PB-Change and Readiness Tracker (CART)', 'Item: ' + [$Title])",
                    "attributes": {
                        "class": "ms-fontColor-white ms-fontWeight-bold ms-fontSize-20"
                    }
                }
            ]
        },
        {
            "elmType": "div",
            "style": {
                "box-sizing": "border-box",
                "width": "100%",
                "text-align": "left",
                "padding": "6px 12px",
                "overflow": "hidden"
            },
            "children": [
                {
                    "elmType": "div",
                    "txtContent": "[$Initiativename_x002a_]",
                    "text-align": "left",
                    "attributes": {
                        "class": "ms-fontColor-white ms-fontWeight-bold ms-fontSize-20"
                    }
                }
            ]
        },
        {
            "elmType": "div",
            "style": {
                "box-sizing": "border-box",
                "width": "100%",
                "text-align": "left",
                "padding": "6px 12px",
                "overflow": "hidden"
            },
            "children": [
                {
                    "elmType": "div",
                    "style": {
                        "box-sizing": "border-box",
                        "width": "100%",
                        "text-align": "left",
                        "padding": "6px 12px",
                        "overflow": "hidden"
                    },
                    "children": [
                        {
                            "elmType": "a",
                            "txtContent": "GRACE",
                            "attributes": {
                                "href": "=",
                                "class": "ms-fontColor-white ms-fontSize-16"
                            }
                        }
                    ]
                },
                {
                    "elmType": "div",
                    "style": {
                        "box-sizing": "border-box",
                        "width": "100%",
                        "text-align": "left",
                        "padding": "6px 12px",
                        "overflow": "hidden"
                    },
                    "children": [
                        {
                            "elmType": "a",
                            "txtContent": "B&PB Change Hub",
                            "attributes": {
                                "href": "='",
                                "class": "ms-fontColor-white ms-fontSize-16"
                            }
                        }
                    ]
                },
                {
                    "elmType": "div",
                    "style": {
                        "box-sizing": "border-box",
                        "width": "100%",
                        "text-align": "left",
                        "padding": "6px 12px",
                        "overflow": "hidden"
                    },
                    "children": [
                        {
                            "elmType": "a",
                            "txtContent": "Comms Pipeline",
                            "attributes": {
                                "href": "='",
                                "class": "ms-fontColor-white ms-fontSize-16"
                            }
                        }
                    ]
                }
            ]
        }
    ]
}

Thanks Team,
Harry

Answer 1

Hi Team, Can someone please give me an update on this. I've not heard anything in over 2 weeks Kind Regards,
Harry