Zend Framework

Changed assignment to me.

Hello Brian,

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

Schedulded for the next release (Either 1.8 or 1.7.5)

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 = '<div id="ui-tabs-nav"><ul>'.PHP_EOL;

133c133
< . '</div>'.PHP_EOL;
—
> . '</div></div>'.PHP_EOL;

I am using the following JQuery includes:
<script type="text/javascript" src="http://jqueryui.com/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.tabs.js"></script>

The screenshots look like they were taken from the example at http://www.zendframework.com/manual/en/zendx.jquery.form.html

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

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

Here are the contents of my jquerytest.phtml (jquerytestAction in the controller is taken directly from http://www.zendframework.com/manual/en/zendx.jquery.form.html):

----------------------------------------------------------------------------------------------------------
<title>jQuery UI Tabs - Default functionality</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js"></script>
<script type="text/javascript" src="http://jqueryui.com/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.tabs.js"></script>

<link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
<link type="text/css" href="http://jqueryui.com/demos/demos.css" rel="stylesheet" />

<script type="text/javascript">
$(function() {
$("#ui-tabs-nav").tabs();
});
</script>

<?=$this->form ?>
----------------------------------------------------------------------------------------------------------

I did also try adding this line with same functional results (different styling):
<link type="text/css" href="http://jqueryui.com/repository/tags/latest/themes/flora/flora.all.css" rel="stylesheet" />

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

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.