Угловой материал $ mdDialog покрывается всплывающим окном Kendo

0

Я использую Angular Material в своем проекте AngularJS и хочу заменить окна предупреждений (открытые функцией alert()) с диалоговым окном " Угловой материал", чтобы стиль был согласованным.

Я просмотрел демо и документы, предоставленные Angular Material, и связал функцию с ng-click.

<md-button class="md-primary md-raised" ng-click="showAlert($event)"   >
  Save
</md-button>

Кнопка находится внутри всплывающего окна Kendo, которое открывается функцией kWindow.open().

var windowInstance = $kWindow.open({
                /// Logic omitted
            });

В моей текущей логике, когда нажата кнопка, будет вызываться служба для отправки данных на сервер. После этого я хочу показать предупреждение с сообщением "Сохранено успешно". Проблема в том, что диалоговое окно "Угловой материал" будет покрываться всплывающим окном.

Как я могу исправить эту проблему, чтобы диалоговое окно отображалось сверху, как это делает окно предупреждения?

Теги:
angular-material
kendo-ui

1 ответ

1
Лучший ответ

Я исследовал и обнаружил, что я могу установить свойство z-index диалогового окна "Угловой материал" в файле CSS, чтобы изменить высоту слоя. В моем случае 10000 все еще покрывается окном, а 20000 работает правильно.

.md-dialog-container {
    z-index: 20000;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню