Stacks Image 756

Count Up Stack

Display an animated number, counting from zero to anything. The stack is simply unmissable to the visitor.


0 ratings

Instant download.
Requires: Stacks v3.5 or greater.
Version : 1.0.5
Released: 23/4/2014
Last Updated : 24/11/2017

Stack Info

Overview
 
The Stack
Displays important or fun statistics. The number is animated when it is scrolled into view, making it quite eye catching.
 
Custom Settings
Settings allow for styling of the statistic, and of course the choice of number to animate to, as well as the speed of the animation.
 
NEW..!
You can now add inline text before and or after the number if you wish.
Settings

In this section, we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 908
Count to

This is the number the stack will count up to.

Duration

This is the length of time it takes the animation to complete from 0 to the count to number.

Animate

You can choose to animate the number only on certain screen sizes here.

Pre text

Any text you add here will be added inline in front of the number.

Post text

Any text you add here will be added inline after the number.

Text

This is where you define the size of the number its self.

Text align

Aligns the animation to the left right or centre of the parent stack.

Text colour

This is the colour of the animated number.

Edit Mode

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

It does not get simpler. You see the number your going to count to in edit mode, and if you have chosen to add pre and or post text, that will also appear previewed within the stacks edit mode interface.

Stacks Image 297
FAQ

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Live Demo

A couple of simple examples how how you might use the stack below. How and where you place the number is entirely up to you. You can also optionally add a pre and post text, inline before and after the number.

I drank my 75335th coffee today.

1199

Decimal Format

1199

Plain format

£1199

Currency Format

$1199

Currency Format

I drank my

75335th

coffee today

Used by

1500

customers

Buy Now

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Missing image

© 2018 Doobox Software. Building premium Software Mac & RapidWeaver™

Count Up Stack