Update: this question refers to an older version of Zend Framework. To see how to integrate jQuery with a Zend Framework 1.9.4 (1.8+) application refer to this question.
I think I understand the basic concepts, but I must be going wrong somewhere. I'm trying to integrate jQuery, jQuery UI, and jQuery Themes into my Zend Framework application.
In my bootstrap, I'm registering the jQuery view helper:
$view->addHelperPath(self::$root . '/library/ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
In my form, I have a date picker element:
$date = new ZendX_JQuery_Form_Element_DatePicker('date');
And in my layout, I'm calling the jQuery view helper:
<head>
<?= $this->jQuery() ?>
</head>
Once I've done that, I can actually use the date picker. The only problem is that the calendar is totally screwed up. It doesn't display correctly at all.
From what I understand, the javascript files are automatically included (and hosted by Google). So in order to use different themes (from ThemeRoller) you have to host the js and css files on your own server. What process should I go through in order to get my date picker to display a different theme?
Update: I got it to work by doing this. But I'm not sure if this is the most effective way.
<head>
<? //I couldn't get this way to work
//$this->jQuery()->addStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');
//But this way works
$this->jQuery()->addStylesheet('/js/jquery/themes/ui-lightness/jquery-ui-1.7.1.custom.css')
->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.1.custom.min.js') ?>
<?= $this->jQuery() ?>
</head>