Почему не отображается кнопка в yii\bootstrap\Modal?

Question

[Tokenchik]

Не отображается кнопка для вызова модального окна, подключил следующим способом.
Вызов окна приходится осуществлять отдельной функцией в js, но судя по документации, должна создаваться кнопка для вызова окна.

use yii\bootstrap\Modal;

<?php
    Modal::begin([
        'header' => '<h2>Hello world</h2>',
        'toggleButton' => ['label' => 'Модальное окно'],
        'footer' => 'Низ окна'
    ]);
    echo 'Содержимое окна';
    Modal::end();
?>

Comments

[Andrey Baranov]

То есть даже приведенный тут пример кода у Вас не работает?

[Tokenchik]

Andrey Baranov: нет, к сожалению не работет.

[Andrey Baranov]

Tokenchik: проверьте на всякий случай наличие сгенерированной кнопки в коде страницы, вдруг так получилось, что она не видна из-за каких-то специфических css-правил.
Так же посмотрите в панель разработчика, нет ли там ошибок выполнения js-кода

[Максим Тимофеев]

Должно работать. Ищите кнопку, видимо съехала или еще что-то. Или дайте ссылку мы найдем.

[Tokenchik]

Andrey Baranov: все ок, как раз только сам нашел css-ку вредную, но теперь другая проблема :)

Не подскажите как быть? Просто какой-то момент когда вызывал окно через js было нормальным, а теперь все затемнено и не кликается.

[Andrey Baranov]

Tokenchik: думаю, модальное окно у Вас вызывается дважды. Уберите код, который Вы писали для ручного открытия окна

[Tokenchik]

Andrey Baranov: Все лишнее убрал, оставил пример с сайта но все равно все тоже самое. На странице есть только указанный выше код, больше ничего к окну не добавлял.

[Andrey Baranov]

Tokenchik: тогда снова стили - проверьте параметр z-index у модального окна и затеняющего div-а.

[Tokenchik]

Andrey Baranov: z-index: 1040, это норма? :)

[Tokenchik]

Andrey Baranov: пробовал уменьшить у него и увеличить у самого окошка - толку ноль.

[Andrey Baranov]

Tokenchik: поставь 1050, у меня столько стоит, форма норм отображается

[Tokenchik]

Andrey Baranov: подскажите у какого класса у вас стоит 1050?

[Andrey Baranov]

Tokenchik: это div с атрибутами class="fade modal in" и role="dialog"

[Tokenchik]

Andrey Baranov: не помогло )

[Andrey Baranov]

Tokenchik: ладно, пойдем таким путем - вставьте этот код

$('.modal-backdrop.fade.in').css('z-index') < $('.modal.fade.in').css('z-index')

и скажите, выдает ли эта штука true. Если нет, то ищите место в css, где переопределяется этот параметр

[Tokenchik]

Andrey Baranov: я добавил ответ :) сейчас попробую и ваше )

Answer 1

[Tokenchik]

Починил, в моем случае помогло удаление куска 'toggleButton' => ['label' => 'Модальное окно'],
Добавил на кнопку onclick и вызываю следующую функцию

function showModal() {
    $('#mainModal').modal();
}