ZF-5666: jQuery UI TabContainer rendering incorrectly

Issue Type: Bug Created: 2009-02-01T02:15:45.000+0000 Last Updated: 2009-06-11T03:25:52.000+0000 Status: Resolved Fix version(s): - 1.7.5 (16/Feb/09)

Reporter: Brian Passavanti (gottaloveit) Assignee: Benjamin Eberlei (beberlei) Tags: - ZendX_JQuery

Related issues: - ZF-6981



There's a bug in the jQuery UI TabContainer helper that makes the tabs not render correctly.

Screenshot of tabs:…!" rel="nofollow">Full Size

The problem is the addition of child element in the javascript function, as shown in the below diff that fixed the problem.

<pre class="highlight">
// Diff output
<         $js = sprintf('%s("#%s > ul").tabs(%s);',
>         $js = sprintf('%s("#%s").tabs(%s);',

Screenshot after diff:…!" rel="nofollow">Full Size


Posted by Benjamin Eberlei (beberlei) on 2009-02-01T02:34:52.000+0000

Changed assignment to me.

Posted by Benjamin Eberlei (beberlei) on 2009-02-01T03:47:38.000+0000

Hello Brian,

can you tell me the jQuery UI Version that you are using?

Posted by Benjamin Eberlei (beberlei) on 2009-02-03T10:39:08.000+0000

Schedulded for the next release (Either 1.8 or 1.7.5)

Posted by Laura Dean (ldean) on 2009-03-02T18:32:56.000+0000

Hi, I am trying to get this component working for subforms and mine does not display with tabs.

It does work with the following diff (and without the diff noted previously):

93c93 < $list = '


ul class="ui-tabs-nav">'.PHP_EOL;

$list = '

  • '.PHP_EOL; 133c133 < . '


. '


I am using the following JQuery includes:

The screenshots look like they were taken from the example at…

I was trying to get that example working before implementing with my own forms and am wondering if the rest of the example is available somewhere (headers, javascript, css stylesheet).

Posted by Benjamin Eberlei (beberlei) on 2009-03-02T23:42:55.000+0000

@Laura: which UI version and which stylesheet are you using?

Posted by Laura Dean (ldean) on 2009-03-09T10:28:08.000+0000

Here are the contents of my jquerytest.phtml (jquerytestAction in the controller is taken directly from…):

jQuery UI Tabs - Default functionalityform ?>

I did also try adding this line with same functional results (different styling):

ZendX is from the Zend 1.7.4 release.

(Sorry for the slow replay, was expecting the issue tracker to email me... will have to look for that setting...)

Posted by Laura Dean (ldean) on 2009-03-10T07:41:50.000+0000

Okay, I get it... should have been $("#tabContainer").tabs() in the javascript...

I still think it would be useful to add this to the example, along with the javascript and stylesheet includes.

Have you found an issue?

See the Overview section for more details.


© 2006-2016 by Zend, a Rogue Wave Company. Made with by awesome contributors.

This website is built using zend-expressive and it runs on PHP 7.