jQuery Auto Height

If you use floating blocks (with a little CSS) in your nodes or views, the heigth of the blocks are not equal. Sometimes it is more beautiful if the height is the same.

This module looks in a row what is the highest block and addapts all the other heights. It is responsive. In every screen, with different blocks, it looks to the highest block in the row.

Three blocks in a row.

Screen000374.png

Two blocks in a row...

Screen000375.png

Screen000376.png

Screen000377.png

One block in a row.. (smartphone) the  module does not addapt any more.. Logic. No need to do so.

Screen000378.png

How does it work? First you make a CSS class for the block with floating, background, border,..

Screen000371.png

In the content you set the class. From now on the blocks display with background, border,.. but they have not the same height..

Screen000372.png

Configure in the module settings which classes must have auto height. Done.


Screen000373.png

It is a third party with one file..

Screen000367.png

In a view one can set classes to a row. So you can use it in the same way.