SharePoint Pagination – Next 30 items


SCENARIO:

When there are more than 30 items(say, 50 or 100) in SharePoint list or library, it is difficult for users to scroll down the page and select the next set of items through Paging control. To overcome this, some developers prefer to change the item limit to 50 or 100 in modify view page. What if the list contains more than 100 items (imagine 2000 items). In Such cases, we cannot set item limit to 2000 as it will affect the page load performance.

General Position of Paging
General Position of Paging


SOLUTION:

We can move the paging control to the top inorder to navigate to the next 30 items immediately rather than scrolling down the page. To do so, insert the script editor webpart before the list webpart and paste the below code in it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("#bottomPagingCellWPQ2").insertBefore("table.ms-listviewtable")
});
</script>


RESULT:

Paging control is moved to the top of the list
Paging control is moved to the top of the list

 

We can also bring the paging control at top and bottom positions using the below script:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("#bottomPagingCellWPQ2").clone().insertBefore("table.ms-listviewtable")
});
</script>


RESULT:

Paging control at top and bottom of the list
Paging control at top and bottom of the list

If this post is helpful to you, Please rate the article and provide your valuable feedback.

Rename New Item link in SharePoint 2013


Let us see how to rename “New Item” link in SharePoint 2013 to custom text with respect to SharePoint list name. Say,  For example: If there is a Project list, we need to rename New Item to Add new Project. In such cases, you can follow the below steps:

  • Go to the desired page and edit it
  • Add a Script editor Web Part available under Media and Content Category
  • Copy and paste the below in the script editor web part.
<script src="../Scripts/jquery.min.js"></script>
<script>
_spBodyOnLoadFunctionNames.push("ChangeText");
function ChangeText()
{
document.getElementById("idHomePageNewItem").getElementsByTagName("span")[1].innerHTML="Add New Project";
}
</script>

Please do not forget to like or rate this article 😛