Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Embedding Multiple Instances of TubePress in Jquery UI Tabs


  • Please log in to reply
No replies to this topic

#1 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 06 September 2010 - 11:20 PM

Responding to http://groups.google...es...f9ebbb98f3

Looks like you were able to resolve this? I checked out the "YouTube" and "Vimeo" tabs that you set up. They both seem to fit the container correctly, and the container seems to resize as expected when you click around the tabs. Let me know if I'm missing something...

I'm using a standalone version of TubePress Pro. I'm working on setting it up with my site and would like to have galleries contained in jquery tabs. However, I'm having problems integrating them with the jquery ui tabs. The height of the tab container does not match the height of the TubePress content.

You can view the problem here: http://aacommand.com/video.php#YouTube

Jquery UI Docs suggest a fix such as this:
Any component that requires some dimensional computation for its
initialization won't work in a hidden tab, because the tab panel
itself is hidden via display: none so that any elements inside won't
report their actual width and height (0 in most browsers).

There's an easy workaround. Use the off-left technique for hiding
inactive tab panels. E.g. in your style sheet replace the rule for the
class selector ".ui-tabs .ui-tabs-hide" with

.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}

However, this just causes problems with the layout of TubePress and does not fix the problem.

Any suggestions on how to fix this?