Rapidweaver Stacks Developers
www.doobox.co.uk

Stacks Image 1633
The Top Chauffeur Stack Drives your user effortlessly back to the top of the page This dynamic stack produces a custom button on page scroll that allows users to click to rerun to the top of your page. The button is fully customisable and scalable.
Stacks V2 Only
Enter the name for this tabbed section: Live Demo

Scroll down this page and keep an eye on the bottom right corner to see a demo of the stack in action


Click the button that appears to return to the top of this page

Your text or an arrow icon on the button

Stacks Image 1822

Colour every aspect of the button



Some examples

Stacks Image 1824
The button is scalable, and fully customisable. You can control the size and colours to fit your website.
There are options to display an icon on the button. as well as colour that icon.
This is a very quick and simple stack to deploy. But this is a very powerful stack behind the scenes.
The stack will even render round in internet explorer.

All you have to do is drop it into your page and the stack takes care of everything for you.

Just some filling to enable demo page scroll

Stacks Image 1772

Just some filling to enable demo page scroll

Stacks Image 1774

Just some filling to enable demo page scroll

Stacks Image 1778

Just some filling to enable demo page scroll

Stacks Image 1782

Just some filling to enable demo page scroll

Stacks Image 1786

Just some filling to enable demo page scroll

Stacks Image 1790

Just some filling to enable demo page scroll

Stacks Image 1794

Just some filling to enable demo page scroll

Stacks Image 1798

Just some filling to enable demo page scroll

Stacks Image 1802
Enter the name for this tabbed section: Behind The Scenes

Such a simple stack to deploy

Stacks Image 1901

Just drop the stack into the bottom of your page and you are good to go


See "Options & Settings" above for styling your new button.

The stack decides for it's self "Am I needed..?"


The stack will only be called to action on pages that are long enough to justify a scroll to top button.

Stacks Image 1904

The will obviously vary with screen size. So the stack will look at this each time it is loaded into the page.

Enter the name for this tabbed section: Options & Settings
Stacks Image 1841
Icon or Text
Decide to show an arrow icon or your own text on the button.
Text
The text to display on the button
Button Size
Scale the button up or down. The text will scale automatically to suit.
Background
Button background colour
Border
Button border colour.
Font
Colour of the button font.
Background Style
Options are: Gradient, Plain
Text Shadow
Options are: Dark shadow over text, Light shadow under text. This gives a letter pressed effect to the button text.

Top Tip…! If you are ever stuck over what a control in the settings pane does, hover over it to reveal an explanation.

Enter the name for this tabbed section: Video Overview

This video was kindly brought to you by :

Stacks Image 4147
Round Button Even in Internet Explorer
Tested in IOS, Chrome, Safari, Firefox, and Internet Explorer 7, 8, and 9.
Icon or Text Button Choice
You can choose to display an icon or text of your choice on the button
Top

Error : You must not have any spaces in your Teleport Key
[theaddspot]

Stacks Image 7895
Stacks Image 7898
theaddspot