Footer placement with multiple dynamic panels

I have multiple side by side dynamic panels which will expand and contract vertically on a page. I am looking for a way to have a footer (which spans the page) to be dynamically moved to the bottom of whichever panel has the greatest vertical length at a given point. I’ve seen similar threads but can’t find any that address my particular issue. Thanks!

You could do it a “dumb” way that should work well enough.

Every time a panel changes size, fire the OnLoad event of the footer.

Then on the OnLoad event of the footer, put three cases; one for each of your side-by-side panel.

OnLoad
IF value [[this.top]] is less than [[Panel1.bottom]]
Move this widget to x: [[this.x]], y: [[Panel1.bottom]]

IF value [[this.top]] is less than [[Panel2.bottom]]
Move this widget to x: [[this.x]], y: [[Panel2.bottom]]

IF value [[this.top]] is less than [[Panel3.bottom]]
Move this widget to x: [[this.x]], y: [[Panel3.bottom]]

This causes it to check all three panels and if the top of the footer is above the bottom of the panel, it moves it to the bottom of the panel. After going through all three it will be at the bottom of the longest panel.

In this example, you’ll need to set local variable for each panel (Panel1, Panel2, Panel3 should be local variable set to each panel).