search

germanysbestkeptsecret / Wookmark-jQuery

A jQuery plugin to create a dynamic, multi-column layout.
MIT License
2.63k stars 759 forks source link

collapsibleTile Content height problem #87

Closed mafar closed 11 years ago

mafar commented 11 years ago

See pictures below. I have collapsible div at tile bottom. But when divs expand or collapse , wookmark does not adjust itself. I also tried apply layout on collapse and expand event but results are very weired. Either it penetrates Next Tile or it expands , but when it expanded correctly, then on collapses , it leaves some messy spaces between tiles.

Can you consider adding controls for dynamic height of tiles ? 1 2

untitled

mafar commented 11 years ago

I was able to solve this problem with http://benalman.com/projects/jquery-resize-plugin/ But such function should be built in wookmark to make it more awesome. handler.resize(function(){ handler.wookmark(); });

Sebobo commented 11 years ago

Hi,

some other guys already had this problem. As you said it should work fine when refresh layout is triggered after collapsing or expanding. It looks, as your trigger the event to early when the items height hasn't reached it's final value. I don't think the resize plugin is a good solution as it's polling all elements for size changes.

What kind of animation are you using for your tiles? Some code would be helpful too.

Regards, Sebastian