{"id":916,"date":"2017-07-17T16:22:31","date_gmt":"2017-07-17T10:52:31","guid":{"rendered":"https:\/\/blog.binarybits.net\/?p=916"},"modified":"2017-07-17T16:37:45","modified_gmt":"2017-07-17T11:07:45","slug":"change-new-item-text-sharepoint","status":"publish","type":"post","link":"https:\/\/blog.binarybits.net\/change-new-item-text-sharepoint\/","title":{"rendered":"Change new item text in SharePoint"},"content":{"rendered":"
The following script changes the “new item” link button in SharePoint view form to whatever we desire.<\/p>\n
Add either of the script to content editor web part.<\/p>\n
Plain JavaScript version: <\/strong>(This code assumes that there is only one “new item” text in the entire page.)<\/p>\n jQuery version: <\/strong>(This code can replace any number of “new item” text)<\/p>\n<script>\r\n document.addEventListener(\"DOMContentLoaded\",\r\n function () {\r\n ExecuteOrDelayUntilScriptLoaded(function () {\r\n var ReRenderListView_old = ReRenderListView\r\n ReRenderListView = function (b, l, e) {\r\n ReRenderListView_old(b, l, e)\r\n changeText()\r\n }\r\n }, \"inplview.js\")\r\n changeText()\r\n }\r\n );\r\n\r\n function changeText() {\r\n var element = document.querySelector('#idHomePageNewItem span:nth-child(2)')\r\n element ? (element.innerHTML = \"Add item\") : null\r\n }\r\n\r\n<\/script><\/pre>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.0\/jquery.min.js\"><\/script>\r\n\r\n<script>\r\n $(document).ready(function () {\r\n\r\n var spans = document.getElementsByTagName(\"span\");\r\n for (var i = 0; i < spans.length; i++) {\r\n if (spans[i].innerHTML == \"new item\") {\r\n spans[i].innerHTML = \"add item\";\r\n break;\r\n }\r\n }\r\n\r\n });\r\n\r\n<\/script><\/pre>\n