Conflicting Widgets Cjuidialog And Datepickerrow

Yii 1.1 General Discussion
1

Hello,

I’m a beginner learning Yii and Yiibooster bootstrap.

My goal is to have a view (create action) that displays a datepicker - yiiboster bootstrap datepicker encapsulated in a datepickerrow - and a button to show some content inside a dialog (zii.widgets.jui.CJuiDialog).<br/>

Currently I’m having three different problems (ordered by importance) that I think are Yii related as opposed to yiibooster (i’m refering to the first one):

  1. The main problem is that when i have the dialog zii.widgets.jui.CJuiDialog in the page, (mistaeriously to me) the datepicker that is apparently loaded is the CJuiDatePicker. If I just remove the dialog widget then the datepicker is the one from the yiibooster bootstrap.

  2. The Yiibooster datepicker (that I see when I remove the Dialog), has some glitches in CSS with the header rows (year and week days) with some rounded blue css and white corners.

  3. Finally some minor annoyance is the fact that the button in front of datepickerrow is not aligned appearing a little bit down in the row.

Here is a minimised version of my code just for testing purposes:




<?php


	$form=$this->beginWidget('bootstrap.widgets.TbActiveForm',array(

	'id'=>'hist-department-form',

	'enableAjaxValidation'=>false,

)); ?>


	<p class="help-block">Fields with <span class="required">*</span> are required.</p>


	<?php echo $form->errorSummary($model); ?>


<?php echo $form->datepickerRow($model, 'dt_start',

	array(

		'prepend'=>'<i class="icon-calendar"></i>',

		'options'=>array(

			'format'=>'yyyy-mm-dd',

			'language'=>'pt',

			'todayHighlight'=>true,

			'autoclose'=>true

		)

	)

);

?>

<?php $this->widget('bootstrap.widgets.TbButton', array(

	'label'=>'>',

	'size'=>'normal',

	'htmlOptions'=>array(

		'onclick'=>'js:$(\'#employeedg\').dialog(\'open\'); return false;'


	),

));


?>


<?php $this->endWidget(); ?>




<?php

$this->beginWidget('zii.widgets.jui.CJuiDialog',array(

	'id'=>'employeedg',

	'options'=>array(

		'title'=>'test',

		'autoOpen'=>false,

		'width'=>'800',

	),

));


echo 'content test';


$this->endWidget('zii.widgets.jui.CJuiDialog');

?>

Can anyone give any direction?

Many thanks in advance!

PCastro