How can we help you today?

How to Automatically Rotate ShortPoint Tabs every few seconds

You have few tabs on your page, and you would like them to auto-rotate every few seconds automatically, we will tell you how to do this.

Step 1: Add Class to the Tabs element

So we can reference it easily using JavaScript, if you have more than one ticker on the page, and you want to pause them all, add the exact same class to all of them.

I will use here my-rotating-tabs as a class name

Step 2: Add Script Editor Web Part

You can refer to the following article if you don't know how to add a Script Editor Web Part:

Step 3: Add the JavaScript code into the Web Part

Open the following link, copy all of its content, and paste it into the Embed dialog of the Script Editor Web Part

Note: to control how many seconds should the script wait until it moves automatically to the next element, you should update a variable in the script called secondsToRotate ( e.g: 5 means 5 seconds )

Save the page, and you're done!

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 64 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