web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / Merge two JSON codes t...
Power Automate
Unanswered

Merge two JSON codes to look like picture.

(0) ShareShare
ReportReport
Posted on by 49

Need some help merging the two sets of JSON so that they are both in the same List form header. Not great with JSON.

 

The first JSON is in the "Header" right now for the list form, the second JSON set is in the "Footer".

 

Want to merge them so they are both in the Header and it would look like the example below:

 

DLHIA_0-1704842825986.png

 

 

Header JSON:

{
"elmType": "div",
"attributes": {
"class": "ms-borderColor-green"
},
"style": {
"width": "100%",
"border-top-width": "0px",
"border-bottom-width": "5px",
"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": "WebAppBuilderFragment",
"class": "ms-fontSize-42 ms-fontWeight-regular ms-fontColor-green"
},
"style": {
"flex": "none",
"padding": "0px",
"padding-left": "0px",
"height": "36px"
}
}
]
},
{
"elmType": "div",
"attributes": {
"class": "ms-fontColor-neutralSecondary 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": "Harada Industry of America Investigation Form"
}
]
}
]
}

 

Footer JSON:

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "a",
"txtContent": "*HIA Investigation Form Instructions",
"attributes": {
"class": "ms-fontColor-blue",
"target": "_blank",
"href": "https://sharepointonline site/HIA Investigation Form Instructions.pdf"
},
"style": {
"font-size": "16px"
}
}

 

 

 

Categories:
I have the same question (0)
  • Verified answer
    v-yueyun-msft Profile Picture
    on at

    Hi , @DL-HIA 

    You can try to use this code :

    {
    "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
    "elmType": "div",
    "attributes": {
    "class": "ms-borderColor-green"
    },
    "style": {
    "width": "100%",
    "border-top-width": "0px",
    "border-bottom-width": "5px",
    "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": "WebAppBuilderFragment",
    "class": "ms-fontSize-42 ms-fontWeight-regular ms-fontColor-green"
    },
    "style": {
    "flex": "none",
    "padding": "0px",
    "padding-left": "0px",
    "height": "36px"
    }
    }
    ]
    },
    {
    "elmType": "div",
    "attributes": {
    "class": "ms-fontColor-neutralSecondary 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": "Harada Industry of America Investigation Form"
    }
    ]},
    {
    "elmType": "div",
    "style": {
    "box-sizing": "border-box",
    "width": "45%",
    "text-align": "right",
    "position":"relative",
    "top":"25px",
    "left":"0px"
    },
    "children": [
    {
     "elmType": "a",
    "txtContent": "*HIA Investigation Form Instructions",
    "attributes": {
    "class": "ms-fontColor-blue",
    "target": "_blank",
    "href": "https://sharepointonline site/HIA Investigation Form Instructions.pdf"
    },
    "style": {
    "font-size": "16px"
    }
    }]}
    ]
    }
    
    
     

     

    vyueyunmsft_0-1704854794485.png

     

    If this reply can help you , you can click mark this reply as solution, thanks in advance!


    Best Regards,

    Yueyun Zhang

  • DL-HIA Profile Picture
    49 on at

    Perfect! Thanks Yueyun! I will review what you sent to learn from it for future use!!

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 538 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 405 Moderator

#3
abm abm Profile Picture

abm abm 252 Most Valuable Professional

Last 30 days Overall leaderboard