Friday, June 10, 2011

Change Add New Item Text of List View Webpart

When I came across this problem, I have found some solutions that uses javascript i.e. got the id of the “Add new item” link and change its text. But after sometime I have found another solution which uses SPD 2010. So, here is the solution:
  • Open Page in SharePoint Designer 2010
  • Open List and then choose the View on which you want to change the text.
  • Switch to Design mode and select List View web part.
  • Now You should see List View Tools on SharePoint designer ribbon, select Design from it.
  • There is a section called “Toolbar”, and an “option” dropdown is there, change options from “None” to any other option. Now You should see “Add New Item” link on Design View.
  • Select “Add New item” and click just after this link and wait for the vertical cursor to appear, this will cause the web part to Load on that page.  SharePoint Uses Web parts references on the pages and the data with the web part is rendered at runtime.
  • When cursor appears, just press any key so that it gets written on that page. Now Switch to code view.
  • Delete the key that you have pressed :)
  • Now look just before the cursor (where you have delete the pressed keys),  you may have the following code in front of you:
               <a class="ms-addnew" id="{$ID}"
                 href="{$Url}"
                 onclick="javascript:NewItem2(event, &quot;{$Url}&quot;);javascript:return false;"
                 target="_self">
                <xsl:value-of select="$AddNewText" />
              </a>
  • Remove “<xsl:value-of select="$AddNewText" />” and write your text that you want to display on the link.
  • Save the page.
View Page in your browser and verify the changes.
Happy Exploring SharePoint !!

2 comments:

  1. that will break your stylesheet...

    ReplyDelete
  2. any way of not breaking or modifying the style sheet?

    ReplyDelete