Rapidweaver Stacks Developers
www.doobox.co.uk

The RoarBox Stack
This is a default stack with no image added. You can add an image of your choice, and customise the stack to suit your needs.
Stacks Image 1633
The RoarBox Stack Dynamic attention box. With built in anti annoyance This dynamic attention box can display any image you place as the alert icon, and any message you wish to include. Fully customisable. Can be triggered by page scroll or a timer.
Stacks V2 Only
Enter the name for this tabbed section: Live Demo

Look to the top right hand corner of the window to see a demo of the stack in action


We have used a timed trigger option for this default demo, but other triggers are available


Please see "Options & Settings" above for all available options.

Some RoarBox Examples Below


The first is the default with no image added. If you don't add an image, this default attention icon will be used.

Stacks Image 1447
Stacks Image 1500
Stacks Image 1504
Stacks Image 1514

Colour every aspect of the box


Add links and format the text just as you would in a regular text stack.
You can even add images to the text area if you wish.

One of the great features of the RoarBox is the option to choose to only show the user the box once per time period that you specify.
We call this "Anti-Annoyance"
After the time period has lapsed, the user will be presented with the box once again. And will again only see it once during the time that you set.
The "Options & Settings" section above, shows you all the available options, with a description of what each does.
Enter the name for this tabbed section: Behind The Scenes

Such a simple stack to deploy

Stacks Image 1424

Just drop the stack, edit the text, and add an image


If you do not add an image the default attention icon image will be used.
See "Options & Settings" above for further customising the stack.

When placing images, don't worry about the size. The stack will re-size any image dropped in the zone, to a 50px x 50px icon.

Enter the name for this tabbed section: Options & Settings
Stacks Image 1841
Anti Annoyance
Options are:

Show Timed Intervals
Show Each Page Load

Decide to show the box on every page load or just once every set time period (below).
Hidden Hours
Set a time that the box should remain hidden to the user on page re-visits. Until showing again. (The user will only see the box once between each time period if this setting is used).
Trigger
The action that calls the box to be displayed.
Options are:

Timed
Scroll
Load

Timed, allows you to set a time delay from the time the page is fully loaded in seconds.
Scroll, allows the box to be displayed when the user scrolls the page.
Load, allows the box to be displayed as soon as the page has fully loaded in the browser.
Trigger Delay
The time in seconds until the box displays after the page has fully loaded in the browser.
Close Button
You have a choice of close buttons to display:
Light Button
Dark Button
Box Width
Sets the overall width of the box to be displayed.
Background
Sets the base colour of the box background.
Border
Sets the colour of the box border.
Font
Sets the box font colour.
Background Style
Options are:

Gradient
Plain

Gradient is set automatically from the base colour if this option is selected.
Box Shadow
Choose weather or not to display a subtle shadow around the box.
Box Position
Sets the position the box will be displayed on your screen.
Options are: Top Right, Top Left, Screen Centre.

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 4061
Round Box Even in Internet Explorer
Tested in IOS, Chrome, Safari, Firefox, and Internet Explorer 7, 8, and 9.
Anti Annoyance Option
You can choose to only display the box once to a user within your set time period.

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

Stacks Image 8016
Stacks Image 8019
theaddspot