Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
thought this might be use for others....on a project where quicktabs in homebox widgets are being used and boxes overlap content below when a quicktab loads (via ajax call for example) and pushes the homebox down.
what this jquery snippet does is run the homebox.equalizecolumnsheights function after a delay of 200ms when someone clicks on a tab.
$(document).ready(function(){
$(".quicktabs-tabs a").click(function(){
setTimeout(function(){ Drupal.homebox.equalizeColumnsHeights(); }, 200);
});
});
tried in vain to sort the behaviour out using css to no avail. thought this might be of use to others.
Comments
Comment #1
drummIt would be good to fix this in a general way, other blocks might change heights too.
Comment #2
cthshabel CreditAttribution: cthshabel commentedI was having the same exact issue. Seems strange. Starting messing with CSS, but this is much cleaner approach. Thanks for posting your fix and findings.
Comment #3
drummPlease try out homebox 7.x-3.x-dev. When working on #2896931: Column heights not always correct on initial page load for Drupal.org, we found that the height equalization JS was actually unnecessary, with the CSS Drupal.org uses.