Cartloom Script

RapidWeaver Stacks

RapidWeaver Stacks

RapidWeaver Stacks

RapidWeaver Stacks
RapidWeaver Stacks
RapidWeaver Stacks
RapidWeaver Stacks
RapidWeaver Stacks
RapidWeaver Stacks

RapidWeaver Stacks

RapidWeaver Stacks

Equal Height Stack

Make things look nice & organized
RapidWeaver Stacks add-on info:
The Equal Height Stack will allow you to create content to a grid with equal heights. This is great if you wana stick a button or an image to the bottom of the grid and have all buttons or images aligned across your grid.

Special features:
On smartphones the Equal Height Stack will release the fixed content (dropzone 2). But what if you have two different grids on your page and want different heights? No problem… the Equal Height Stack has you covered!

Note: The Equal Height Stack is a more advanced Stack than the GoGrid Height Stack that comes free with the GoGrid. The Equal Height Stack allows you to define more than one 'Equal Height'.

Keywords:
RapidWeaver, stacks, responsive, images, grid, columns, organize, layout, jQuery.
Stacks settings:
Stacks Image 324021
Stacks Image 324023
Equal Height Stack
rapidweaver stacks equal heights
Responsive jQuery Stack that allows you to 'stick' a stack to the bottom of the Equal Height Stack throughout a grid / column stack – and make things look nice and organized. Bonus: Bottom Stick Stack (css solution).
Example

An Important Headline

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Stacks Image 625865

An Important Headline

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Stacks Image 625877

An Important Headline

Lorem ipsum dolor sit amet. Equal Heights. So Easy it hurts.
Stacks Image 625887

An Important Headline

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

No fixed height!
Pure jQuery magic.

An Important Headline

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

An Important Headline

Lorem ipsum dolor sit amet. Equal Heights. So Easy it hurts.

This example is just to show you how the Equal Height Stack aligns images (above) and buttons (below) across a grid. I could easily have chosen this row to align to the highest content (first column text) of this row – a grid / column stack added below the one above.
Stacks Image p185703_n559322
DEFLIGRA.COM

Hi. I'm DeFliGra. A long time developer of RapidWeaver Stacks Addons called Stacks. I've been an even longer time user of RapidWeaver and came on board when RapidWeaver 3 was released.

All RapidWeaver Stacks Addons requires the Mac OS desktop app: RapidWeaver by Realmac Software and the RapidWeaver plugin Stacks by Yourhead Software.

All Stacks are downloaded as Zip-files. To install unzip and double click the Stack.