我试图通过应用新的css类来覆盖DetailView
小部件的处理,但没有运气。我希望DetailView
小部件的几个实例中显示的所有记录并排显示。我在app\web\css
中创建了一个名为detail1-view
的类,并将其应用于vendor文件夹中的detaiview.php
。该类有float:left
或display:inline-block
,但没有一个属性有效。
我的Detailview是:
<?= DetailView::widget([
'model' => $model,
'attributes' => [
//'titulo',
'noticia',
// cria um array com a fotografia, em que
// carrega a path no campo fieldName da bd
[
'attribute'=>'fotodir',
'value'=>$model->fotodir,
'format' => ['image', ['width'=>'230','height'=>'200']],
],
],
]) ?>
和我在detailview.php
文件夹中的vendor/yiisoft/yii2/widgets/...
在其中有正确的detail1-view
类:
public $options = ['class' => 'detail1-view'];
我的CSS:
.detail1-view {
display: inline-block;
width: 30%;
border:1px solid #000;
}
DetailView
继续显示一个在另一个之上而不是并排。
任何人都有解决这个问题的方法吗?
我自己解决了。
诀窍是用position:relative创建另一个类;并将detailview小部件放在其中。
这是视图的代码:
<div class="detail-disposal">
<?= DetailView::widget([
'model' => $model,
'options' => ['class' => 'detail1-view'],
'attributes' => [
//'titulo',
'noticia',
// cria um array com a fotografia, em que carrega a path no campo fieldName da bd
[
'attribute'=>'fotodir',
'value'=>$model->fotodir,
'format' => ['image',['width'=>'230','height'=>'200']],
],
],
]) ?>
和app / web / css中使用的css样式:
.detail-disposal{
position:relative;
width:100%;
}
DetailView CSS:
.detail1-view {
margin-left:20px;
margin-bottom:20px;
float:left;
width: 300px;
border:1px solid #000;
}
现在,每次调用模型时,detailview小部件都会并排显示。