TopBox

A sensational lightbox and modal stack. TopBox is easy to configure, looks great and packs-in features unavailable in other lightbox stacks.

Will Woodgate

Preview

Will Woodgate Store

$30.00

6 likes

1 reviews

TopBox has established itself as the ultimate lightbox and modal window addon for RapidWeaver. With TopBox to hand, you can effortlessly create gorgeous popups featuring rich text, static images, audio, video and a multitude of other possible content types. Many more content types are now supported in version 5.

TopBox stacks can be extensively customised to match your existing RapidWeaver theme or corporate branding. As you would expect, everything is optimised for faster page loading and responsive behaviour. You can collectively group multiple TopBox stacks together, to create compelling galleries, featuring automatic previous / next buttons and titles.

Setup of TopBox is simple. Add one 'master' stack to each page (where you configure the base styling and behaviour). Then add one or more TopBox 'trigger' or 'dialogue' stacks for each lightbox or modal you need to construct.

Plenty of style settings exist within the TopBox stack. Choose between using an existing 'skin' for instant styling, or roll your own lightbox style with the 'DIY' option.

Expert RapidWeaver users and seasoned coders will rejoice to see support for powerful jQuery callbacks! These allow you to detect the different opening and closing states of TopBox; and write custom functions to 'fire' when TopBox stacks are opened or closed. Seriously impressive power and flexibility, simply not available in other lightbox stacks.

A big emphasis has been made on making TopBox more accessible, which is often a substantial downfall of many lightbox and modal effects. TopBox places ARIA labels on triggers and lightbox content. It will also 'lock' tab focus when the lightbox opens and return it seamlessly back to the page afterwards when closed again.

TopBox is an essential stack for anybody wishing to create lightbox or modal window effects in RapidWeaver. It works with most themes and design frameworks.

Please download the free demo version today, to try it for yourself.

Version 5.1.0
Released Mar 02nd, 2021
Will Woodgate
TopBox Support
Version History
Version 5.1.0

Mar 2nd, 2021

New options for cookie tracking, so you can determine if a website user has viewed and closed your TopBox.

Adds support for the Lbry.tv video platform. You can embed video from this new service directly into TopBox, by taking the URL from the iFrame embed code and appending &amp;autoplay=1 onto the end of the URL. Use a video iFrame in TopBox to display your video. Lbry.tv is an interesting new video sharing platform that's pitching itself as an alternative to YouTube.

Improvements to the playback of YouTube content on smartphones.

This update is free for all existing TopBox 5.x users, available to downlaod inside Stacks / RapidWeaver.
Version 5.0.0

Dec 13th, 2019

A major update with the following changes:

A huge amount of work has been done to extensively re-write much of the underlying codebase for TopBox. Not only does this mean TopBox will be totally jQuery v3 compatible going forwards, but it has provided an opportunity to scrap a lot of older hacks and messy prefixes for obsolete web browsers.

Smartphone and tablet devices now equate to the vast majority of traffic visiting websites. With this in mind, TopBox works better on these devices and brings brilliant features like swipe support for gallery sets.

Four methods for changing the appearance of your TopBox stacks. 1) Choose from any of 25+ preset skins. 2) Use the 'DIY' option to quickly edit the default skin. 3) Use custom CSS code in the page to override TopBox code. 4) Use a code editor to design your own skin and load it into TopBox. Powerful styling methods to suit all levels of customisability and skill!

Big emphasis on making TopBox more accessible, which is often a substantial downfall of many lightbox and modal effects. TopBox places ARIA labels on triggers and lightbox content. It will also 'lock' tab focus when the lightbox opens and return it seamlessly back to the page afterwards when closed again.

Support for many more different content types. So in addition to what was previously offered, you now have Dailymotion, SVG, TED Video, Brighteon, PDF embed and WebP image support, to name a few. The new 'iframe-video' type is perfect for other video like Twitch, Wistia and Vidyard. Plus improved support for stacks dragged and dropped into TopBox, like Image and Site Image stacks.

HTML5 audio, HTML5 video, YouTube and Vimeo content can now be presented with custom video controls. Gorgeous, customisable player controls that fade in and out of view and display only the the most essential controls to your end users.

An all-new complimentary 'TopBox Dialog' stack. This free stack can be placed inside TopBox (with the TopBox content type set to 'Stacks') and allows you to create beautiful dialog message popups for items like terms and conditions, a newsletter signup, shopping cart buttons, social media sharing buttons, and various other tasks.
Version 4.5.0

Apr 6th, 2018

Changes in version 4.5 include:

Fixes a problem whereby HTML5 video was not correctly centred in Firefox Quantum

Surplus border, background, layout and responsive controls are now hidden in Stacks 3.5

The title text box is now 8 lines tall

More efficient loading of jQuery and Font Awesome icons

Callbacks now use 8 line input boxes, for easier writing of custom jQuery code

All colour pickers support RGBa opacity sliders

The input field for the error message supports 2 lines of text

Renamed a couple of settings and amended some tooltips for improved clarity

You can now close a TopBox using a custom link or button with a class of topBoxClose applied; or a custom element specified in the advanced settings

New advanced setting to automatically truncate and ellipse longer titles that span multiple lines

New border radius and font size options for titles

New checkbox option to hide the TopBox close button, to avoid needing custom CSS code

Added the option to automatically open a TopBox as the page loads

Optional cookie tracking, to record when a TopBox was closed

Minor optimisations for Stacks 3.5 and later

By request, TopBox titles (captions) can optionally be displayed as block elements using a new checkbox option

Removed some older CSS browser prefixes that are no longer required

It is now possible to trigger TopBox stacks using simple buttons (like Bootstrap buttons) or links

New option to set the vertical positioning of the title

TopBox Reviews

Write a Review

The best, most versatile and well written lightbox for RW

SpaceMonkey

1 year ago

I looked at all the Lightbox stacks I could find and most were either way too convoluted and complicated to set up or way too simple in features. And none of them had been updated in years. One was for Stacks 3, another had a broken demo page (wtf). Will Woodgate’s TopBox is more expensive than some of these others but you get what you pay for. A lot of time thinking carefully about functionality, features, usability, not to mention good coding that won’t go funky on different browsers or stop working in a month. Will adheres to all the best practices in web design and is extremely knowledgeable. He also offers a demo version to try before you buy and great customer service.

I used this tip box to allow viewers to click a Facebook image and pop up the Facebook plugin for my business page in a lightbox instead of clogging up the page. I set it up in about 5 or 10 minutes and it works beautifully. Thanks!

RapidWeaver Community

RapidWeaver
Community

TopBox

TopBox Info

Version 5.1.0

Mar 2nd, 2021

Version 5.0.0

Dec 13th, 2019

Version 4.5.0

Apr 6th, 2018

TopBox Reviews

The best, most versatile and well written lightbox for RW

Addons

Support

RapidWeaver

Company

RapidWeaver newsletter

Addons

videos