Known Issue: Counter Boxes Animation Is Not Working for Numbers with a Comma Thousands Separator

If you have a ShortPoint Counter Boxes Design Element connected to a SharePoint list, and noticed that the animation of some items stopped working, please go through this article. 

We will discuss one of the possible reason for this issue - a comma thousands separator for the numbers. 

TABLE OF CONTENTS

• Before we begin
• Issue
• Reason
• Workaround
  • Step 1: Locate your SharePoint list
  • Step 2: Edit the column settings
  • Step 3: Disable the thousands separator
• Result

Before we begin

• This article is for you if you currently have  Counter Boxes added on your SharePoint site with animation not working.
• Your Counter Boxes are connected to a SharePoint list and representing a number greater than 999 as your Counter Number.
• Make sure you are a ShortPoint user who has Edit access to your SharePoint site.

Issue

After establishing the connection of ShortPoint Counter Boxes to your SharePoint list, you suddenly noticed that the animation is not working for the Counter Numbers that have a thousand separator:

Reason

SharePoint automatically adds a comma separator to any number that has a thousand value. 

Currently, ShortPoint Counter Boxes Design Element animation will not work with comma-separated numbers and our team is currently finding a permanent solution for this issue. 

Workaround

Step 1: Locate your SharePoint list

This issue can be fixed by removing the comma from the number column of the SharePoint list where your Counter Boxes Design Element is connected to. In this example, we will be using this SharePoint list:

Step 2: Edit the column settings

To open the column settings, you must select the number column (1), and hover your mouse to Column settings (2). There you will find the Edit (3) option. Please click it:

Clicking the Edit button will show the side panel on the right that would give you additional options: 

Step 3: Disable the thousands separator

To remove the comma from the number column, click More Options: 

Then, disable the toggle for Use thousands separator:

Once the thousand separator says No, it means it is already disabled. Click the Save button: 

Once changes are saved, you will see the commas automatically being removed from your number column: 

Result

You may now go back to your SharePoint site where your Counter Boxes Design Element is located, and do a hard refresh (usually can be done using Ctrl/Cmd+Shift+R or Ctrl/Cmd+F5 keyboard shortcuts) on the browser to see the result.

Now, here's the final outcome of the page after applying the workaround above: 

Related articles:

• How to Make Bold Titles, Symbols and Numbers of the ShortPoint Counter Boxes
• ShortPoint Connect: Basic Tutorial
• Connection Type: REST API