Страница 1 из 1
Modal::begin без header и footer
Добавлено: 2018.10.09, 12:16
zorgo
Добрый день!
Подскажите как использовать виджет Modal::begin без header и footer?
Использую без указания header и footer
Код: Выделить всё
Modal::begin([
'toggleButton' => ['label' => 'click me'],
]);
echo $this->context->renderPartial('common\promo-kvk', ['model' => $data]);
Modal::end();
все равно модальное окно с ними.. Как убрать стандартными средствами Yii2?
Re: Modal::begin без header и footer
Добавлено: 2018.10.09, 12:28
someweb
closeButton => false
Re: Modal::begin без header и footer
Добавлено: 2018.10.09, 12:41
urichalex
Написать без виджета
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 19:24
zorgo
someweb писал(а): ↑2018.10.09, 12:28
closeButton => false
Спасибо большое помогло - надписи пропали - но футер и хедер все равно присутствуют - в виде небольшого прямоугольника - которые меньше чем основное окно - как их убрать?
Решил проблемы с помощью
Код: Выделить всё
body .modal-content {
/* new custom width */
width: 820px;
padding: 0px;
margin-left: -20px;
}
но не знаю верное ли решение - или можно сделать как-то по другому?
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 19:25
zorgo
urichalex писал(а): ↑2018.10.09, 12:41
Написать без виджета
Это логично - в принципе можно все и на голом PHP писать - но мне интересно в полной мере изучть Yii2 и его виджеты...
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 19:46
andku83
zorgo писал(а): ↑2018.10.10, 19:25
urichalex писал(а): ↑2018.10.09, 12:41
Написать без виджета
... но мне интересно в полной мере изучть Yii2 и его виджеты...
Идете в документацию, если не находите ответа открываете код (документация есть даже там) и изучаете...
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 20:04
zorgo
это тоже самое что и closeButton=>false - а как избавиться от прямоугольников сверху и снизу?
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 20:12
andku83
О каких прямоугольниках речь?
Посмотрите в испекторе браузера что создает вам эти блоки.
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 20:25
zorgo
andku83 писал(а): ↑2018.10.10, 20:12
О каких прямоугольниках речь?
Посмотрите в испекторе браузера что создает вам эти блоки.
Вот пример
https://yadi.sk/i/IC6VljFuvFHIig
modal-contect выше и уже чем выводим мною kvk-promo - поэтому и возникают "прямоугольники"
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 20:38
zorgo
Решил проблему прописыванием стиля в css
никак нельзя задавать сразу в Modal::begin ?
Re: Modal::begin без header и footer
Добавлено: 2018.10.10, 21:03
Dominus
Код: Выделить всё
<?php Modal::begin([
'id' => 'my-modal',
'headerOptions' => [
'style' => 'display:none;'
],
'footerOptions' => [
'style' => 'display:none;'
],
]); ?>
<p>Контент</p>
<?php Modal::end(); ?>
Re: Modal::begin без header и footer
Добавлено: 2018.10.11, 12:14
andku83
zorgo писал(а): ↑2018.10.10, 20:25
modal-contect выше и уже чем выводим мною kvk-promo - поэтому и возникают "прямоугольники"
Хорошие предшественники:?
Код: Выделить всё
<!-- чтобы сайт не дергался - добавлю всегда вертикальную полосу прокрутки -->
А насчет прямоугольников - это вам бороться с бутстрапом нужно:
если вы посмотрите на нужные блоки то увидите стили:
Код: Выделить всё
.modal-body {
position: relative;
padding: 15px;
}
@media (min-width: 768px)
.modal-dialog {
width: 600px;
margin: 30px auto;
}
и еще попробуйте уменьшить ширину окна < 768px (хотя ваш сайт не респонсив и возможно вам это не интересно)
Re: Modal::begin без header и footer
Добавлено: 2018.10.13, 15:12
zorgo
andku83 писал(а): ↑2018.10.11, 12:14
Хорошие предшественники:?
Код: Выделить всё
<!-- чтобы сайт не дергался - добавлю всегда вертикальную полосу прокрутки -->
Сайт был написан на Yii 1 - стоит задача перенести его на Yii2 с максимальным использованием его возможностей
andku83 писал(а): ↑2018.10.11, 12:14
А насчет прямоугольников - это вам бороться с бутстрапом нужно:
нашел bootstrap.css в и него вписал
Код: Выделить всё
#promo .modal-dialog {
width: 825px !important;
}
Помогает, если я включают именно в bootstrap.css, если я включаю это в свой style.css - игноририруется - я так понимаю Yii загружает стили бутстрапа последним?
Честно говоря, такое решение не нравиться - я вообще не сторонник править файлы фреймворка... - но найти решения другого я не смог.
Re: Modal::begin без header и footer
Добавлено: 2018.10.13, 16:27
Loveorigami
Надо свой asset со своими стилями поставить в зависимость от BootstrapAsset. Тогда ваши стили будут подгружаться после
Re: Modal::begin без header и footer
Добавлено: 2018.10.13, 17:11
zorgo
Loveorigami писал(а): ↑2018.10.13, 16:27
Надо свой asset со своими стилями поставить в зависимость от BootstrapAsset. Тогда ваши стили будут подгружаться после
Хорошее решение. - только в документации не нашел пример.
Я должен создать для своего стиля отдельный AssetBundle? и его подключитть в основном в разделе $depends[] ?