Средство выбора даты Yii Booster работает неправильно

У меня проблема, связанная с Yii Booster datepicker.

сценарий:

<?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm',array(
'id'=>'expend-form',
'enableAjaxValidation'=>false,
'type'=>'horizontal',   )); ?>

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

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

<?php // echo $form->textFieldRow($model,'fecha',array('class'=>'span5')); 
    echo $form->datepickerRow($model, 'fecha',
            array('prepend'=>'<i class="icon-calendar"></i>' 
                    , 'options'=>array( 'format' => 'dd/mm/yyyy', 
                                        'weekStart'=> 1,
                                        'showButtonPanel' => true,
                                        'showAnim'=>'fold',)
            )
        );

?>

Проблема в следующем:

опции:

'showButtonPanel' => true,
'showAnim'=>'fold',

не работает.

и в CSS что-то не так (см. скриншот)

введите здесь описание изображения

Есть идеи?

Спасибо


php twitter-bootstrap yii yii-extensions
person Nathanphan    schedule 26.02.2013    source источник

Ответы (3)


arrow_upward
2
arrow_downward

@Nathanphan, причина, по которой в вашем CSS что-то не так, заключается в том, что файлы CSS Yii переопределяют CSS YiiBooster. Откройте файл макета main.php в папке /protected/views/layouts и удалите следующую строку. Возможно, вы захотите удалить все ссылки CSS.

<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/screen.css" media="screen, projection" />

Вы должны обнаружить, что ваши виджеты YiiBooster теперь отображаются правильно; однако некоторые виджеты Yii на вашем сайте теперь могут выглядеть некорректно. Вы можете преобразовать свои виджеты Yii в эквивалентные виджеты YiiBooster, и тогда все будет хорошо.

Я не нашел способа одновременно запустить Yii blueprint CSS и YiiBooster.

person zDaniels    schedule 02.07.2013

arrow_upward
0
arrow_downward

@Nathanphan, вы пытаетесь использовать вариант из zii.widgets.jui.CJuiDatePicker в TbDatePicker, который основан на Bootstrap Datepicker.
Если у вас есть Если вам нужно использовать эти параметры (showButtonPanel и showAnim), измените свой код, чтобы использовать виджет CJuiDatePicker.

person Fabio Thomaz    schedule 26.02.2013
comment
Кто-нибудь может помочь с этим? - person Nathanphan; 15.04.2013

arrow_upward
0
arrow_downward

в main.css найти и заменить

thead th {background:e5eCf9;}

to

thead th {background:#ffffff;}

а также

.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}

to

.box {padding:1.5em;margin-bottom:1.5em;background:#ffffff;}

person user2735696    schedule 18.12.2013