PLEASE NOTE:
You are using an outdated browser that is no longer suitable for modern web standards.
Please update (or change) your browser to view our site as it is intended to be seen. Thank you.
stripped logo

Shaking the Habitual

Stack updates and release notes

This page contains update information about all of our individual stacks. Update information for Source can be found on the dedicated Source updates page.

Stack name
Version
Update details

Charter

v1.3.2

Released: Apr 4, 2019

New!

  • Updated chart.js to v2.8.0
  • Updated datalabels plugin to v0.6.0

v1.3.1

Released: Feb 4, 2019

New!

[Advanced function] Option to pass Charter a variable value as the csv link (see example use case)

Fixed

  • Issue where charts with more than 5 datasets would display datalabels on datasets 6+
  • Issue where toggling datalabels on (or off) was inconsistently respected

v1.3.0

Released: Nov 26, 2018

New!

The 'Data Labels' release
  • Option to add data labels to a dataset
  • Options to position / style the labels
  • Option to control border width & radius (global settings in new Data Labels setting group)
  • Option to add padding to the values on the Y-Axis. (This is helpful if using data labels)

NB: Data labels (at least currently) are only available to add for the first 5 datasets. This may be increased in future though it would likely be very difficult to have that many labels not obscuring each other on the rendered chart.


Be sure to check out the Data Label examples on the main Charter web page

v1.2.0

Released: Sept 2, 2018

New!

  • Ability to hide (filter out) any dataset on load
  • Option to 'Transpose' a CSV / Google Sheet data source. This essentially flips the rows and the columns and is especially useful if utilising a form to collect data (as this approach tends to add data by row as opposed to column).
  • Option to specify hover colours by dataset (NB: background/fill hover colour not used when using a custom array)
  • Custom colour array option added to all datasets
  • Option to select the Tooltip 'mode' (this affects what data point(s) are displayed in the tooltip)
  • Ability to customise Tooltip text (simple and advanced options available):
    • Simple: Prepend or Append text to the value (useful to add in units info / symbols e.g. £,$ or %)
    • Simple: Option to 'localise' numerical value (i.e. the value will be shown in the viewer's country's format e.g. with commas as 1000s separators etc)
    • Advanced: The option to utilise Chart.js callbacks to fully customise the tooltip content. NB: Some snippets are provided as examples but no support is offered for this function. You can search Google / StackOverflow to find solutions that meet your particular needs.
  • Ability to customise axis data values. As with the Tooltips, you can:
    • Prepend or Append text to the value (useful to add in units info / symbols e.g. £,$ or %)
    • 'Localise' numerical value (i.e. the value will be shown in the viewer's country's format e.g. with commas as 1000s separators etc)
  • Ability to reverse the order of the legend items (especially useful for stacked Bar or Line charts and when Legend is positioned left or right)
  • Accessibility improvements - Scope to add a chart description that will provide an 'aria-label' for use with assistive technologies such as screen readers
  • Ability to specify the cutout percentage of a Doughnut chart (NB: Make sure that you leave enough of the doughnut to display all your datasets otherwise the chart will not display. The cutout can be as large as you like if only one dataset.)
  • Option to remove the scale animation used with Pie, Doughnut and Polar Area chart types leaving just a the circular reveal animation.
  • Option to change the start angle of Pie/Doughnut charts
  • Option to display a 'half' Pie or Doughnut chart
  • Option to control whether some (x-axis) labels can be omitted on smaller screens or whether all should be displayed regardless of space
  • A minimum rotation angle can now be set for x-axis labels. This can be anything from 0 (default/horizontal) to 90 (vertical)

Improved

  • Increased maximum datasets to 15 (from 10)
  • CSV files can now have blank lines (which will be ignored when parsing)

Fixed

  • Setting a maximum axis value was needlessly limited to 100000

Check out the updated project file to see all of these new features in action (download on the Charter Tutorial web page)!

v1.1.0

Released: July 23, 2018

New!

  • Link to a (comma separated values) csv data source:
    • RW resources
    • Warehoused file on server
    • Link to Google Sheet
  • Ability to 'stack' Bar and Line Charts
  • New Chart type: Mixed Chart (Combine bars and lines in a single chart)
  • Ability to set the font used within the chart area
  • Ability to set font size of labels/values on the X and Y axes
  • Ability to set the style of a Line to dashed
  • Added Title and Type details to placeholder in Edit mode
  • Ability to set a maximum and minimum value for the axis
  • Ability to force axis to begin at zero
  • Ability to limit number of ticks used on numerical scale (by quantity or by setting the step size)
  • New control options for Radar chart (Label size and colour, toggle angled lines, gridline colour and width)

Improved

  • Timing of the animation when scrolling into view
  • Increased maximum datasets to 10 (from 5)

Check out the updated project file to see all of these new features in action (download on main Charter web page)!

v1.0.0

Released: July 11, 2018

New!

Initial release

Inverter

v1.0.1

Released: May 26, 2018

Improved

Increased the maximum width of an Inverter block to 20000px (from 1500px). This is (mainly) to allow for use with very wide images. (Check out the wide image example on the Inverter stack page.)

Limited width that an Inverter block can display in Edit mode to 1200px

v1.0.0

Released: May 21, 2018

New!

Initial release

Loremer

v1.0.0

Released: Sept 10, 2018

New!

Initial release

Parallaxer

v1.5.1

Released: Dec 9, 2019

Improved

  • Updated underlying parallax library to latest version with performance improvements

NOTE: Later versions of Parallaxer (since v1.5) will not work on Internet Explorer. If you need a version that does work with IE please contact me and I will provide a non-updating copy of this.

v1.5.0

Released: Nov 18, 2019

New!

  • 4 brand new direction options - diagonals!!
  • Troubleshooting options for if used on slow / troublesome web pages

NOTE: Later versions of Parallaxer will not work on Internet Explorer. If you need a version that does work with IE please contact me and I will provide a non-updating copy of this.

v1.4.0

Released: Apr 10, 2019

New!

  • Option to add second image for large devices
  • Option to specify a different height restriction for devices above and below the set breakpoint. IMPORTANT: Any height restrictions previously set will now only affect large devices. Please ensure that you check how your images appear on mobile before re-publishing
  • Additional content placement options - bottom-full and top-full

Improved

  • Removed dependancy on jquery (parallaxer now uses only vanilla js)
  • Renamed 'centered' content class as it conflicted with certain other stacks

v1.3.0

Released: Oct 13, 2018

New!

New 'Unleashed' mode. Set your images free by letting them move across the page (use responsibly!!)

Width setting for Unleashed mode. You can control whether your image fills 100% of its container or whether it displays at it's actual size (using max-width). This allows you to better use the unleashed mode.

Cancel at breakpoint. You can now opt to remove the parallax effect under a particular breakpoint.

Improved

Changed maximum scale to 95. This will be way too much for most needs but can be effective (especially for use with the new 'Unleashed' mode).

v1.2.2

Released: June 29, 2018

Improved

Removed width limitations that were in place when added content was placed in the 'central' placement area. Content added to the central placement area can now fill the full width of the screen.

Note: If your content now spreads across the page and you want to constrain it then place your stack(s) inside a container stack and limit the width of that (either by pixels or %).

v1.2.1

Released: June 28, 2018

Fixed

Issue with images added as content when Parallaxer was in 'Cover' mode.

Issue with display of images added as content in Edit Mode.

v1.2.0

Released: June 23, 2018

New!

Added a 'delay' option which allows you to set the parallaxer image to continue moving slightly after the user stops scrolling.

Added option to add a link to any parallaxer image.

Added the option of 'down' as a parallax direction.

v1.1.0

Released: June 12, 2018

New!

Added fill mode option of 'Cover' so that the image can be forced to cover whatever height is desired. e.g. this is useful when you want to display a full screen banner/hero image on all devices. Previously, the image was limited to 'contain' mode which presents the full image and therefore cannot fill all browser/device windows.

Numerous options to control how the image appears in 'cover' mode - height/width and placement.

Improved

Code optimisations by limiting the CSS code published to only what is required based on user choices. Also, opens up options for additional user-configurable options in future releases.

v1.0.1

Released: June 8, 2018

Fixed

Stopped defaulting to white for any text added via the 'Add Content' option. Now color will be determined by user.

v1.0.0

Released: June 7, 2018

New!

Initial release

Popper

v1.3.0

Released: Mar 29, 2019

New!

  • A whole new pattern element: Blobs!
  • You cannow add 20 blob shapes (and over 10 more regular shapes) to Popper stack.
  • Support for BWD's Scroll Mate 2 stack which lets you animate your pattern elements! You can now drop this stack in amongst the Popper child stacks (and then add your pattern stacks into ScrollMate). NB: In ScrollMate you must set the Postion to be 'Float in parent (absolute)'!
  • Added placement label in Edit mode to give a visual indication of where pattern will be placed in Preview/Publish mode

Download the updated example project (from main Popper page) to see some examples of using Blobs.

v1.2.0

Released: Mar 4, 2019

New!

  • A whole new companion stack: Squiggler!
  • Squiggler lets you add animated squiggley lines as either a divider or to underline some text on your page.

Download the updated example project (from main Popper page) to see Squiggler in action.

v1.1.1

Released: Jan 21, 2019

New!

Further options for positioning pattern blocks. Each can now be added to one of 9 anchor positions.

v1.1.0

Released: Jan 14, 2019

New!

  • New pattern element: Lines!! You can now add diagonal lines along with horizontal and vertical)
  • New options for centering content (especially useful for divider patterns as previous version required you to contstrain the size of container - now you can just select your width and select 'Centre').
  • Options for setting your pattern to 'Centre-left' and 'Centre-right'.

v1.0.0

Released: Jan 3, 2019

New!

Initial release

Quizzer

v1.3.0

Released: Mar 14, 2021

Improved

  • Updates for Stacks 4
  • Option to use a div as the container for the ranking content (as opposed to a header tag)
  • Some styling improvements
  • Removed Google Plus as a sharing option

Scroller

v1.0.2

Released: Oct 10, 2018

New!

Added a 'buffer' value option (default 60px). This is especially for mobile devices and can help to ensure that 100% is reached (regardless of what bars etc become visible/hidden when scrolling). The difference is negliible on a desktop device.

v1.0.1

Released: May 13, 2018

New!

Added support for automatic updates (Note: You may need to re-download this version from Paddle. Future versions will then be able to be delivered automatically)

v1.0.0

Released: May 9, 2018

New!

Initial release

Scroller Plus

v1.1.0

Released: October 15, 2018

New!

Added option of using Scroller 'Messages'. Show messages to your visitors that are triggered by the % of page viewed.

(NB: Download project file on Scroller Plus web page for required code snippets and example project).

v1.0.1

Released: October 7, 2018

Fixed

Added the option of a buffer value (default 60px) to ensure that 100% of page is reached on mobile devices. Using the true calculation for height on these devices could be affected by browser bars becoming visible/hidden etc. The buffer value means that 100% will be reached a little before the very bottom of the page.

v1.0.0

Released: October 6, 2018

New!

Initial release

Splider

v1.4.0

Released: Feb 12, 2021

New

  • Option to add content when using the Image Slide. You can add content below the image or over it. Positioning over requires the use of ‘cover’ mode in the parent Splider stack (and most likely the setting of a height value or ratio). This gives the same result as using a background image in a regular Splider slide but lets you take advantage of lazy loading the image and seo benefits from alt tag etc.
  • Support for a new child stack to allow easy application of colours from the Source micro framework (requires Source). View new demo.

v1.3.5

Released: Feb 05, 2021

New

  • Advanced: Added option to provide addition options for each video player type. See Knowledge Base pages for more details.

Improved

  • Moved the Splider js to bottom of page for improved page loading speeds
  • Grouped Image and Video controls separately in Edit mode

v1.3.3

Released: Oct 16, 2020

New

  • Grab cursor used if Allow Drag is enabled.

v1.3.2

Released: Sept 21, 2020

New

  • Option to set a custom easing value (for the slide movement) - in Advanced settings. You can use cubic bezier values or standard functions such as linear, ease-in-out etc.
  • Option to reduce the size/scale of inactive slides (so that active slide is larger)
  • Option to control the speed that styling transitions are applied
  • Option to ‘update on move’ which sets the active class prior to the slide moving (as opposed to after it has moved). This will affect when any styling effects are applied.

v1.3.1

Released: Sept 17, 2020

New

  • Added ability to set a Splider ID that can be used to target the slider via javascript (for advanced users only). See API documentation on the Knowledge Base for more information.

v1.3.0

Released: Sept 15, 2020

New

  • Option to link 2 Spliders in Sync mode (i.e. to use 1 Splider as the navigation for another!). Download new project file from Knowledge Base to see it in action.
  • Option to add a 'Styling Breakpoint’ value with additional options to set different values for the slide padding and navigation arrows above and below the breakpoint
  • Option to remove the default border radius on the slides (without first having to ‘style slides’)
  • Option to disallow ability to ‘drag/swipe’ slides to move through slideshow
  • Updated to Splidejs 1.4.0

v1.2.0

Released: June 1, 2020

New

  • Option to add a link to slides (excluding video slides)
  • Option to add a background to individual slides
  • Option to add a custom class to slides (excluding video slides)
  • Option to add a custom aspect ratio

Fixed

  • perMove didn't work properly with autoplay
  • Arrow alignment issue in rtl direction mode

v1.1.2

Released: May 27, 2020

New

  • Option to specify the offset value of arrows from the sides

Fixed

  • Styling issue with size of arrow button backgrounds in some frameworks

v1.1.1

Released: May 25, 2020

New!

  • Updated Splidejs to v2.3.1
  • Option to not reset progress when pause on hover ends
  • Option to control alignment of slide content
  • Splide slides now reflect styling options in edit mode
  • Added support for Poster 2 (InStacks) freestyle templates. Present your blog items in a slider!

v1.1.0

Released: May 12, 2020

New!

  • Video child stack. You can now add Youtube, Vimeo or self-hosted videos. Note: If using only video slides then you will need to add a height value or an aspect ratio value.
  • Video options. If you have added video slides then you need to 'Enable video' in the parent stack and there you can control autoplay, mute, loop and hiding controls
  • Styling options. You can now style the background, border and opacity of inactive and active slides!
  • Height ratio. New option to set the height / shape of slides by using an aspect ratio. This is especially useful if building a video or image slider. Also useful for 'top to bottom' slides.
  • Cover mode. Option to set any Splider Image slide stacks to 'cover' the available space. A great option to use in conjunction with the height ratio option for image slide shows.
  • Image child stack. Made the lazy load image stack a more general image stack

v1.0.2

Released: May 7, 2020

New!

  • Option to disable 'pause on hover' for autoplay slides
  • Option to add in an opacity value for arrows at the start / end of a slide show (set to 0 for them to be hidden completely).

v1.0.1

Released: April 30, 2020

New

  • Option to control the transition speed of slide changes
  • Option to add a background colour to the arrows (NB: This will show as black for any existing instances of Splider and will therefore likely need adjusting before re-publishing!).
  • Option to add padding and border radius to arrows background

Improved

  • Enabled option to select an opacity value for Navigation item colours

Fixed

  • Both breakpoints settings were being applied even if only one was enabled.

v1.0.0

Released: April 27, 2020

New!

Initial release

Srcerer

v1.3.0

Released: April 12, 2020

New!

Brand new stack: WebP! You can now make use of the amazing webP format alongside all of the usual Srcerer goodness. The stack includes fallback support for browsers that cannot yet display WebP images.

Also included a brand new set of icons and placeholder images.

Improved

Option to display added content below image in Edit mode

v1.2.1

Released: Feb 23, 2020

Fixed

Fixed issue with added links not accepting custom attributes.

v1.2.0

Released: Dec 23, 2019

Improved

Full rewrite of underlying code to streamline the CSS and make it shared between all of the Srcerer stacks. Now if you add different types of Srcerer stacks to the page they will all share this single common library.

v1.1.1

Released: November 25, 2018

New!

Option to add a level of protection to your images. Selecting this option will prevent right-clicking on the images (to Save As / Download) and will also prevent dragging the image to another application.

NB: Experienced / advanced users will still be able to download the images if they really wish to. These methods however will prevent the majority of users being able to download your images.

v1.1.0

Released: November 16, 2018

New!

2 brand new stacks added along side the original Srcerer stack. The Srcerer download now comes with:

  1. Srcerer (Sizes) stack - the original stack
  2. Srcerer (Art Direction) stack
  3. Srcerer (Single) stack

You may wish to download the updated project file from the main Srcerer page to see some more examples of how these new stacks operate.

Improved

Further improvements in Edit mode.

If viewing the linked image in Edit mode, Srcerer stack will use the image size that has been set to be the default / fallback image

v1.0.4

Released: November 12, 2018

New!

Added option to allow 'click throughs' on any added content. This is useful when using the image as a link and for hover/tap events on mobile devices.

NB: If you are adding buttons as content then you will need to deactivate this option (it is ON as default) otherwise clicks on the button will not be recognised.

Improved

Further improvements in Edit mode.

v1.0.3

Released: November 11, 2018

Improved

Performance improvements in Edit mode. (Less CSS being applied until Preview/Publish)

v1.0.2

Released: November 11, 2018

Fixed

Issue with width setting if using 'cover mode' on images that were not full device width

v1.0.1

Released: November 4, 2018

New!

Option to allow scaling on devices where browser window has been increased since page load (or where device has been turned from portrait to landscape). The loaded image may not be wide enough to fill available space and so some scaling may be required. If not selected, the image will be centered and shown as large as it can be within the space. 2 new 'On hover' options (to greyscale and from greyscale)

Fixed

Issue on some browsers where 'on hover' effects were causing nearby content to shift a little Default background colour of image now transparent

v1.0.0

Released: October 29, 2018

New!

Initial release

Turner

v1.0.1

Released: Apr 29, 2019

Improved

Option to specify whether you want to target device size or window size. This way you could target only mobile devices if you wish (as opposed to reduced size browser windows).

v1.0.0

Released: Sept 10, 2018

New!

Initial release