My Image

MatchHeight

Stack for RapidWeaver

What it does.

Match Height is an extremely easy to use utility to equalize the heights of various elements.

You can either choose to equalize all stacks you drop in of a particular type via a simple selector or just certain stacks by giving them a match ID.

Compatibility

Match Height will work in any RapidWeaver theme and has no special requirements.
There are pre-set selectors for popular stacks and a custom selector for any not currently in the list.

Use With Sections Box

Sections Box is a lightweight stack that is ideal for adding backgrounds of all types to any stack but also allows simple vertical alignment of content and is idea when used with equalized height.

Match height has built in support for Sections Box.

Built on solidity

The match height stack uses the industry standard MatchHeight.js library as used by:

  • Visa
  • Nokia
  • PayPal
  • MTV
  • Bose
  • Chipotle
  • Fisher-Price
  • Sega
  • barackobama.com

and all these top sites.

Very easy to use

Match Height has a simple and clear edit mode interface.

Quickly see what is matched.

Uses the power of Stacks3 child stacks to simplify setup.

Simple and Robust

With just two main settings Match Height makes it very quick and simple to equalize heights.

My Image

Flexible

Add as many or as few targets to your stack as you need.

Match items by grouping them with a unique id

Choose to cancel when items are not on the same row with one simple checkbox.

Option to cancel between breakpoints.

Edit Mode

Informative but unobtrusive

In edit mode, match height provide a small but useful info bar at the top of the content that you have dropped in.

Here we can quickly see that we are matching the height of columns, have match by row enabled and also a responsive breakpoint enabled.

My Image

Setup is simple

Using the blue Stacks3 add child button simply add as may items as you like. This way you can separately match the heights of groups of items such as pricing table headers, content and footers.

My Image

Compact Mode

By selecting the compact mode in the main stack you can collapse the size of the information items and remove the add button. Use this mode once it is set up to save space in edit mode.

My Image

MatchHeight

Big White Duck Stacks.

Free Download