Hello All,

I’m trying to customize a form on a SharePoint list with JSON. I’m able to add sections and organize some of the columns but I have two issues.

One I’m trying to add a logo to the form but all I’m getting is a broken image on the form. More details are below. How do you add a logo to a SharePoint List’s form?
Below is the JSON code that I tried to get a logo on the list’s form. Some background information, I’ve uploaded a logo to the “site assets” library on the same sites.
The file in the format of “.png”. The following lines of code only show a broken image on the form.

Second, some columns are not showing in the order that I’ve set them in the JSON code. Is there a way to set the order of the columns in the form through JSON? See below for more detail. Also, the column “Type of Purchase” is showing at the bottom of the form section even though I’ve coded to top of the section. 

Any help is greatly appreciated.

“elmType”:”img”,
“attributes”:{
“scr”: “=@currentweb + ‘/SiteAssets/Small_logo.png'”,
“title”:”Logo”
},
“style”:{
“flex”: “none”,
“padding”:”0px”,
“padding-left”:”10px”,
“height”:”80px”,
“color”:”white”
}
// THIS IS THE SECOND SNIPET I TRIED

“elmType”:”img”,
“attributes”:{ “scr”:=”https://TenantName.sharepoint.com/sites/SPOTestSite/SiteAssets/Small_Logo.png”,
“title”:”Logo”
},
“style”:{
“flex”: “none”,
“padding”:”0px”,
“padding-left”:”10px”,
“height”:”80px”,
“color”:”white”
}
}

​Hello All,I’m trying to customize a form on a SharePoint list with JSON. I’m able to add sections and organize some of the columns but I have two issues.One I’m trying to add a logo to the form but all I’m getting is a broken image on the form. More details are below. How do you add a logo to a SharePoint List’s form?Below is the JSON code that I tried to get a logo on the list’s form. Some background information, I’ve uploaded a logo to the “site assets” library on the same sites.The file in the format of “.png”. The following lines of code only show a broken image on the form. Second, some columns are not showing in the order that I’ve set them in the JSON code. Is there a way to set the order of the columns in the form through JSON? See below for more detail. Also, the column “Type of Purchase” is showing at the bottom of the form section even though I’ve coded to top of the section. Any help is greatly appreciated.   “elmType”:”img”,
“attributes”:{
“scr”: “=@currentweb + ‘/SiteAssets/Small_logo.png'”,
“title”:”Logo”
},
“style”:{
“flex”: “none”,
“padding”:”0px”,
“padding-left”:”10px”,
“height”:”80px”,
“color”:”white”
}
// THIS IS THE SECOND SNIPET I TRIED

“elmType”:”img”,
“attributes”:{ “scr”:=”https://TenantName.sharepoint.com/sites/SPOTestSite/SiteAssets/Small_Logo.png”,
“title”:”Logo”
},
“style”:{
“flex”: “none”,
“padding”:”0px”,
“padding-left”:”10px”,
“height”:”80px”,
“color”:”white”
}
}     Read More

​