How can we help you today?

Smart Toolbar: How to Use the Sort Widget

NOTE
This feature will be released soon.


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


Sort widget


NOTEYou can only add the Sort 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

  • 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 Sort widget:



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

Step-by-step Tutorial

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


Step 1: Edit the ShortPoint Web Part

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


Edit

  • Click the close icon to close the Toolbox:

cross icon


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


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:

Easypass tag


  • Select the cogwheel icon:

Cogwheel icon


Step 3: Add the Sort Widget

  • Navigate to the Toolbar tab:

Toolbar tab


  • Click the Sort widget:


Sort widget


Step 4: Customize the Sort Widget

  • Choose the Design Element properties you want to be sorted (Title, Subtitle, Description, etc.).
NOTEThe Design Element properties found in the Sort By field depend on the Design Element you are using.


  • Click Activate:

Activate


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


  • (Optional) Click Back to Widgets:

back to widgets


  • (Optional) Click Settings:

Settings


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

background widget size text color


  • 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 how.

Step 5: Save

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

    eye icon


  • Click Save to keep your changes:

Save


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


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

deactivate sort


Sort Widget Features


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


Sort bySort by
allows you to choose the Design Element properties you want to be sorted (Title, Subtitle, Description, etc.).


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


Related articles:











Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 38 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more