Hi,
I have the following problem:
I made a form, wich extends from Zend_Form, where I added a ZendX_JQuery_Form_Element_Datepicker like you can see in this picture: http://i.imgur.com/uGFpH.png
But when I view that page in the browser, the datepicker seems to work, but the layout is messed up. See this picture: i.imgur.com/MuFSQ.png
You can see that the datepicker is too small and the prev/next buttons are not shown correctly. I've tried fixing this with css:
.ui-datepicker-div { width: 200px; } .ui-datepicker-calendar { width: 200px; }
This helps a little, as you can see in this picture:
i.imgur.com/v31Nw.png
But as you can see there's still a problem with the prev/next buttons. Anyone an idea how I could fix this?
Thank you very much in advance...
UPDATE:
I fixed my problem by including another css file. Because I was using the Google CDN for jquery and jqueryui, I had to use the CDN also for including the css.
So by adding the following line, I solved my problem:
$this->jQuery()->addStyleSheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');