Match Height

0 reviews

46643

Match heights of elements on the page

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.

Key Features

Equalize Heights

An extremely easy to use utility to equalize the heights of various elements on your page.

All or Some? You Choose

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.

Responsive

Provides an optimal viewing experience - easy reading and navigation with a minimum of resizing, panning, and scrolling - across a wide range of devices.

Demo

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

The height of any column stack is handles out of the box. Just add the stack to your page and you are done.

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.

In this example, you will notice that not just the cards are the same size. There are multiple elements in this setup that have their heights matched. The headers on all 3 pricing tables are the same height. The content areas in the middle have also been matched.

A Header

Some content would go here. Perhaps a list of features.

Our starter pack
Great Value

A Much Longer Wrapping Header

Some content would go here. Perhaps a list of features.

OUR BEST DEAL

Our best value pack
Great for most users
Useful Features
Extra Features
Lifetime Features
Our Most Popular Product

Another Header

Some content would go here. Perhaps a list of features.

Corporate pack
Unlimited licenses
Even more features
24/7 support hotline
Personal Contact Point

In this example, you will see that we have 2 groups of match rules. You will see that each group will match the height of the members in its group on a row by row basis. This provides the most concise UI.

  • Match Group 1

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas

  • Match Group 2
  • Match Group 1
  • Match Group 1
  • Match Group 2

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed

  • Match Group 2
  • Match Group 1

    Lorem ipsum dolor

  • Match Group 2

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

  • Match Group 1
  • Match Group 2

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc quis quis dolor sed

Addons Used to Build This Page


The following addons were used to build this page….

Reviews

0 reviews


No reviews yet.

We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.

Screenshots

screenshots
screenshots
screenshots

Tutorials

Loading...
MatchHeight Advanced Setup for RapidWeaver
MatchHeight Advanced Setup for RapidWeaver
Match Height Stack for RapidWeaver
Match Height Stack for RapidWeaver

Downloads

Match Height Demo Project

Uploaded by Weaver's Space

Updates

v1.2.3

  • jQuery ready function deprecation fix

v1.2.2

  • New online Help links when access from inside Stacks Library.
  • Improved messages when stacks are missing from library in a project.

v1.2.1

  • Fixed invisible setting in the Match Height Rule stack

v1.2.0

  • New option that allows you to target Match Height to a class. Simply choose class from the Target dropdown setting.

v1.1.3

  • Match Height Column is no longer an inline stack for backwards compatibility
See all updates Thanks!

You may also like…

scroll me

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy