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

drumm’s picture

Title: homebox overlaps content below - jquery fix » Homebox can overlap content below when content changes height
Component: Documentation » Code
Category: Support request » Task
Status: Needs review » Active

It would be good to fix this in a general way, other blocks might change heights too.

cthshabel’s picture

I 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.

drumm’s picture

Status: Active » Closed (duplicate)
Related issues: +#2896931: Column heights not always correct on initial page load

Please 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.