TopBox Info

• Version 5.1.1

• Released May 27th, 2022

• Will Woodgate
• TopBox Support
• Version History

  Version 5.1.1

  May 27th, 2022

  Adds a 'SameSite' attribute to cookies. An important new security feature that web browsers will start requiring soon.

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