Smart Toolbar: How to Use the Pagination Widget

NOTEThis feature will be released soon.

This article will demonstrate how to add the Pagination widget to a Design Element:

NOTEYou can only add the Pagination widget to the following Design Elements: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, Tiles, or Image Caption.

TABLE OF CONTENTS

• Prerequisites
• Interactive Tutorial
• Step-by-step Tutorial
  • Step 1: Edit the ShortPoint Web Part
  • Step 2: Edit the Design Element
  • Step 3: Add the Pagination Widget
  • Step 4: Customize the Pagination Widget
  • Step 5: Save
• Pagination Widget Features

Prerequisites

• You must have ShortPoint version 8.4.0.0 and above installed on your SharePoint environment.
• You must be a ShortPoint Designer with an active license.
• You must already have any of these Design Elements on your page: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, Tiles, or Image Caption.

Interactive Tutorial

Click Get Started to learn how to use the Pagination widget:

NOTEYou can activate more than one widget. Check out How to Activate Multiple Smart Toolbar Widgets to learn more.

Step-by-step Tutorial

Follow the detailed guide below to learn how to add the Pagination widget:

Step 1: Edit the ShortPoint Web Part

• Go to the SharePoint page you want to use and click Edit:

• Click the close icon to close the Toolbox:

• Click the ShortPoint tag.
• Select the Edit properties icon:

Step 2: Edit the Design Element

NOTEYou must already have any of these Design Elements on your page: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, Tiles, or Image Caption.

• Click the Easypass tag of the Design Element you want to use. For this guide, we will use the Image List Design Element:

• Select the cogwheel icon:

Step 3: Add the Pagination Widget

• Navigate to the Toolbar tab:

• Click the Pagination widget:

Step 4: Customize the Pagination Widget

• Choose the Style of the Pagination widget.
• Customize the number of items to be shown per page.
• Click Activate:

NOTEYou can further customize the look of the Pagination widget using the Settings button of the Smart Toolbar. Follow the optional steps below to learn how.

• (Optional) Click Back to Widgets:

• (Optional) Click Settings:

• (Optional) Customize the Background, Widget Size, and/or Text Color of the active widgets.

• Click the green check mark to apply all changes.

NOTEYou can activate more than one widget. Check out How to Activate Multiple Smart Toolbar Widgets to learn more.

Step 5: Save

• Click the eye icon to see your page in real time:    

• Click Save to keep your changes:

That’s it! You have successfully added the Pagination widget to your selected Design Element. You can check the next section to see all the modifiable features available for Pagination.

NOTEIf you want to remove the Pagination widget, simply click the Pagination widget again, select Deactivate, and click the green check mark to apply the changes. For more details, check How to Deactivate Active Smart Toolbar Widgets.

Pagination Widget Features

Below are the features you can customize for the Pagination widget:

	Style	allows you to customize the style of the Pagination widget. You can choose from Pages or Load More.
	Number of Items Per Page	allows you to adjust the number of items shown per page.

That’s it! You can now make the most of the Pagination widget on your SharePoint pages.

Related articles:

• Getting Started: The Basics of the ShortPoint Smart Toolbar
• Smart Toolbar: How to Use the Search Widget
• Smart Tollbar: How to Use the Filter Widget
• Smart Toolbar: How to Use the Tabs Widget
• Smart Toolbar: How to Use the Sort Widget
• How to Activate Multiple Smart Toolbar Widgets
• How to Deactivate Active Smart Toolbar Widgets