Как сделать горизонтальную прокрутку всплывающих окон в yii2 - PullRequest
Новая
       13

Как сделать горизонтальную прокрутку всплывающих окон в yii2

0 голосов
/ 23 октября 2019

У меня есть эта всплывающая часть в моих макетах yii2. при необходимости он прокручивается вниз, но не горизонтально. Как сделать горизонтальную прокрутку или сделать это? 

<?php

/* @var $this \yii\web\View */
/* @var $content string */

use app\widgets\Alert;
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use app\assets\AppAsset;

AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title><?= Html::encode($this->title) ?></title>
     <!-- Tell the browser to be responsive to screen width -->
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <?php $this->head() ?>
</head>
<body>
<?php $this->beginBody() ?>


    <!-- Create modal -->

        <!-- <div class="modal-body"> -->

                <?= $content ?>

        <!-- </div> -->


<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>

это всплывающее окно содержится в web / themes / default / views / layout

1 Ответ

1 голос
/ 24 октября 2019

Мой работает, используйте overflow-y: scroll; после вашего div модального тела 

<?php

/* @var $this \yii\web\View */
/* @var $content string */

use app\widgets\Alert;
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use app\assets\AppAsset;

AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title><?= Html::encode($this->title) ?></title>
     <!-- Tell the browser to be responsive to screen width -->
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <?php $this->head() ?>
</head>
<body>
<?php $this->beginBody() ?>

    <!-- Create modal -->

        <!-- <div class="modal-body"> -->
            <div style ="overflow-y: scroll;">
                <?= $content ?>
            </div>
        <!-- </div> -->


<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
...