Hide "Add New Item" link from sharepoint list view if user has already added an item.

Hide "Add New Item" link from sharepoint list view if user has already aaded an item

Descibes a javascript method to hide "Add New Item" link from sharepoint list view if user has already aaded an item. i.e. Allowing users to add only one item to the list  from Out Of Box (OOB) view or webpart.

Edit the view page and insert a Content Editor WebPart.

in the HTML of the content editor webPart put the following style and javascript along with the reference of JQuey.

---

<style>
    .ms-addnew
    {
        display: none;
    }
</style>
<script src="../../_layouts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">

    var ListName = "MyList";


    $(document).ready(function () {
        ExecuteOrDelayUntilScriptLoaded(HideControl, "sp.js");
    });
    var myItems;
    function HideControl() {
        $('#Ribbon\\.ListItem\\.New').css('display', 'none');
        var currentContext = new SP.ClientContext.get_current();
        var currentWeb = currentContext.get_web();
        var todoTaskList = currentWeb.get_lists().getByTitle(ListName);
        var myQuery = new SP.CamlQuery();
        myQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name="Author" /> <Value Type="Integer"><UserID Type="Integer"/></Value></Eq></Where></Query></View>');
        myItems = todoTaskList.getItems(myQuery);

        currentContext.load(myItems, 'Include(ID)');
        currentContext.executeQueryAsync(Function.createDelegate(this, GetSuccess),
            Function.createDelegate(this, GetFail));

    }
    function GetFail(sender, args) {

    }

    function GetSuccess(sender, args) {
        var itemCount = myItems.get_count();
        if (itemCount == null || itemCount <= 0) {
            $('.ms-addnew').css('display', 'inline-block');
            $('#Ribbon\\.ListItem\\.New').css('display', 'inline-block');
        }
    }
    
</script>

---

* Change the  ListName = "MyList"; as per your list name.

That all.you can verify it by adding items through ribbon OR "add new item link" . you will notice that both the links are invisible it the item is added successfully and if you delete the item both the links are again available for adding new item to the list

Posted in: JavaScript,SharePoint