Sometimes we use panels and aesthetically it would be nice if some sets of components had the same height.
If you explicitly add a class to the panels that need all to be of equal height, then adding the script below in the page properties will cause all of the panels to have the height of the tallest panel.
In the example below I have some panels using a class for the panel set: .even-panel.
When the window is ready or resized the javascript will adjust the shorter panel sizes accordingly and all of the panels identified by the class even-panel will be at uniform height.
This is a variant of a script I located online - I would give credit for the original script if I could remember where it came from!
@pauland
Paul thanks for the script. I tried it but it doesn’t work.
I put the script in the page head code section.
I built a class like yours “.even-panel” (without quotation marks) and add it to the panels.
I tested the script yesterday, works fine - thank you @pauland! May be, there are wrong characters in your script, @Bootsie? Seemes to me there are quotation marks, but there have to be inch marks, I guess.
The script has a lot of errors involving the wrong quotes characters. If you replace the quotation quotes with regular (not literary) quotes you should be good to go.
I am guessing that the reason why this has happened is that you might have used a word-processor or something to type in the code and then done a copy and paste into blocsapp. Word-processors are very helpful in that they can replace the ordinary quotation characters with the versions that slope around the quote. Sadly that changes the characters used and isn’t suitable for javascript code.
The right script is the one Paul posted above.
BUT:
you should type the script in the BLOCS.APP code editor, not with a normal text editor to prevent the wrong characters.