Yii2和bootstrap字段行为

时间:2015-05-21 11:21:23

标签: twitter-bootstrap yii2 yii-extensions yii-components bootstrap-popover

是否可以修改Yii2中ActiveField的行为?

Yii2有一个默认模板,用于创建和显示输入标签及其错误/提示等。

string $template = "{label}\n{input}\n{hint}\n{error}"

如果我按如下方式创建字段:

<?= $form->field($model, 'email')->textInput() ?>

使用上面的模板,将显示标签,后跟输入标签和错误标签(提示是可选的)。

但是使用bootstrap我想在popover中显示错误而不是在生成的错误标记中。如果没有错误,则弹出窗口中会显示默认消息,例如“您的电子邮件地址是什么?”

谢谢:)

1 个答案:

答案 0 :(得分:1)

我正在改变site.css .has-error

中的"{label}\n{input}\n{hint}\n{error}"位置
.has-error input{
    background-color: rgba(231, 76, 60, 0.11119);
}
.has-error > .help-block {
    float: right;
    margin-right: 1vh;
    margin-top: -9.2vh;    
}

有了这个你很好地改变了这个

default Yii2 Error

为此:

My css