Move the “Add new item” to the top of a list page in SharePoint 2010

We did not like how SharePoint 2010’s “Add new item” was on the bottom of the page. we wanted to move it to the top. The following jQuery code moves it to the top of the page:

$(“#s4-mainarea”).prepend($(“td.ms-addnew”))

hope that helps someone.

,

3 Responses to Move the “Add new item” to the top of a list page in SharePoint 2010

  1. Srinivas September 27, 2012 at 11:48 pm #

    Where should that piece of code be placed

  2. jbmurphy October 1, 2012 at 12:00 pm #

    You need to include it and the jQuery library in the page somehow. You modify the master page, or use a delegate control as I describe here.

  3. joho0 October 29, 2014 at 9:51 am #

    I’ve struggled with this. Should be such a simple thing imho. Your solution was almost prefect, but I tweaked it a bit and came up with this…

    $(document).ready(
    function() {
    $(“.ms-listviewtable”).before($(“#Hero-WPQ1”));

    return true;
    }
    );

    It does nearly the same as yours, but incorporates it into the top of the listview table and includes all of the supporting tbody elements around it. Clean and simple.