Forum Discussion
How to hide "New item" title on SharePoint List Form?
You can achive this by formatting the Header using JSON
here is the code:
{
"elmType": "div",
"attributes": {
"class": "ms-borderColor-neutralTertiary"
},
"style": {
"width": "99%",
"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": " ",
"class": "ms-fontSize-42 ms-fontWeight-regular ms-fontColor-themePrimary",
"title": "Details"
},
"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": " "
}
]
}
]
}
Please let me know if this could resolve your issue.Thanks.
- mythiliaravindAug 06, 2024Copper Contributor
this code working in sharepoint list form itself, and when i copy the form link and paste in new window not working because showing New item .for this what a do?
- mythiliaravindAug 06, 2024Copper ContributorThank you for me working.
- tommypangJul 22, 2022Copper ContributorAniruddhokodali, would you please elaborate on how you could format the header? Which header? I would like to get this annoying "New Item" label out of the new list form that I am creating. Thank you.
- anthonyleducJul 13, 2022Brass Contributorthanks. working for me. you also can specify none to the property border-style to hide the line
- AniruddhokodaliJul 13, 2022Copper Contributor
Welcome 🙂. Happy to hear this solution help you out. Thank you.
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- SPrice1510Jul 15, 2022Copper ContributorSo i found where you do this if you're using a default form. I created a customized form with powerapps and this option is no longer available. Also, i am embedding this form on a page and even when using the default form, the New Item still appears once it is embedded. Is there a way to remove the New Item header after it is embedded? Maybe a snipit of code that goes into iframe?