Fancybox 2: auto resize the iFrame height for tabbed content

Question

I use Fancybox2 to open an iFrame popup window (content comes from the same website). Within this popup, I have tabbed content (Bootstrap tabs). Each tab has content of different heights.

I am hoping that Fancybox can resize its height accordingly when I click tabs to see content on different heights.

I tried different combinations of autoSiz, autoHeight, etc. Got no success. Googled, and it seems many people asked related questions.

Am I missing something? Or is it doable? I feel this should be an easy configuration.

Thanks!

Answer 1

You may need to trigger the $.fancybox.update() (fancybox v2.x) method after the tab selector event

If using iframes, try parent.$.fancybox.update()

You may also need set fitToView to false