Yii2

Question

我试图通过应用新的 css class 来覆盖 DetailView 小部件的处置，但没有成功。我希望 DetailView 小部件的多个实例中显示的所有记录并排显示。我在 app\web\css 中创建了一个名为 detail1-view 的 class，并将其应用于 vendor 文件夹中的 detaiview.php。 class 中有 float:left 或 display:inline-block，但所有属性均无效。

我的详情视图是：

<?= 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']],
        ],
    ],
]) ?>

我在文件夹 vendor/yiisoft/yii2/widgets/... 中的 detailview.php 在正确的位置有 detail1-view class：

public $options = ['class' => 'detail1-view'];

我的 CSS：

.detail1-view {
    display: inline-block;
    width: 30%; 
    border:1px solid #000;
}

DetailView 继续显示一个在另一个之上，而不是并排显示。

有人对此问题有解决方案吗？

Answer 1

我自己解决了

诀窍是用 position:relative 创建另一个 class；并将详细视图小部件放入其中。

视图代码如下：

<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%;
}

详细视图CSS:

.detail1-view {
    margin-left:20px;
    margin-bottom:20px;
    float:left;
    width: 300px; 
    border:1px solid #000;
}

现在，每次调用模型时，细节视图小部件并排显示。

Yii2 - DetailView 小部件向左浮动

Yii2 - DetailView widget float left

css

widget