Вопросы с тегом «modal-dialog»

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

11
Как установить фокус для определенного поля в модале Bootstrap, как только оно появится
Я видел пару вопросов относительно модов начальной загрузки, но ни один из них точно не такой, так что я продолжу. У меня есть модал, который я называю onclick, так что ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Это прекрасно работает, но когда я показываю модальный режим, я хочу сосредоточиться на первом элементе ввода …

6
Вызов функции при начальной загрузке модстра
Раньше я использовал диалоговое окно JQuery UI, и у него была openопция, где вы можете указать некоторый код Javascript для выполнения после открытия диалога. Я бы использовал эту опцию, чтобы выделить текст в диалоге, используя функцию, которая у меня есть. Теперь я хочу сделать это с помощью модального загрузчика. Ниже …

8
Избегайте блокировщиков всплывающих окон браузера
Я разрабатываю поток аутентификации OAuth исключительно на JavaScript и хочу показать пользователю окно «Предоставить доступ» во всплывающем окне, но оно блокируется. Как я могу предотвратить всплывающие окна, созданные window.openили window.showModalDialogблокируемые всплывающими окнами в разных браузерах?

23
Как реализовать диалог подтверждения в диалоге Jquery UI?
Я пытаюсь использовать JQuery UI Dialog, чтобы заменить уродливое javascript:alert()поле. В моем сценарии у меня есть список элементов, и рядом с каждым из них у меня будет кнопка «удалить» для каждого из них. настройка psuedo html будет выглядеть следующим образом: <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a …

3
Хорошая или плохая практика для диалогов в wpf с MVVM?
В последнее время у меня возникла проблема создания диалогов добавления и редактирования для моего wpf-приложения. Все, что я хочу сделать в своем коде, было примерно таким. (Я в основном использую viewmodel первый подход с mvvm) ViewModel, которая вызывает диалоговое окно: var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with …
148 c#  .net  wpf  mvvm  modal-dialog 

4
Как сделать модальный диалог в WPF?
Я пишу свое первое приложение в WPF и хочу, чтобы пользователь вводил некоторые данные в модальном диалоговом окне. По-видимому, сделать это в WPF непросто, потому что родительское окно остается полностью включенным, а метод, создавший новое дочернее окно, не останавливается и не ждет, пока дочернее окно вызовет Close (). Вместо этого …
133 .net  wpf  dialog  modal-dialog 

9
Angular 2.0 и модальный диалог
Я пытаюсь найти несколько примеров того, как создать модальный диалог подтверждения в Angular 2.0. Я использовал диалог Bootstrap для Angular 1.0 и не смог найти в сети примеров для Angular 2.0. Я также безуспешно проверял документы angular 2.0. Есть ли способ использовать диалог Bootstrap с Angular 2.0?


4
Использование: перед псевдоэлементом CSS для добавления изображения в модальное окно
У меня есть класс CSS, Modalкоторый абсолютно позиционирован, проиндексирован по z над его родителем и хорошо позиционирован с помощью JQuery. Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и искал использование :beforeпсевдоселектора CSS, чтобы сделать это чисто. Изображение должно быть абсолютно позиционировано и проиндексировано по оси z …

9
Как проверить, открыто ли модальное окно начальной загрузки, поэтому я могу использовать проверку jquery
Мне нужно выполнить проверку только в том случае, если модальное окно открыто, потому что, если я его открою, а затем закрою, и я нажму кнопку, которая открывает модальный, он не работает, потому что он выполняет проверку jquery, но не отображается, потому что модальное окно было отклонено. Итак, я хочу объявить …

3
Отключите щелчок за пределами диалоговой области углового материала, чтобы закрыть диалоговое окно (с Angular версии 4.0+)
В настоящее время я работаю над страницей сброса пароля в проекте Angular 4. Мы используем Angular Material для создания диалогового окна, однако, когда клиент выйдет за пределы диалогового окна, оно автоматически закроется. Есть ли способ избежать закрытия диалогового окна до тех пор, пока наша сторона кода не вызовет функцию «закрыть»? …

7
Избегайте модального закрытия при нажатии клавиши ввода
Я установил модальное окно начальной загрузки с формой внутри. Я только что заметил, что когда я нажимаю клавишу Enter, модальное окно закрывается. Есть ли способ не закрыть его при нажатии Enter? Я пробовал активировать модальное окно с помощью keyboard: false, но это предотвращает закрытие только клавишей ESC.

6
Как автоматически центрировать диалоговое окно пользовательского интерфейса jQuery при изменении размера браузера?
Когда вы используете диалог jquery UI, все работает хорошо, за исключением одного. При изменении размера браузера диалоговое окно просто остается в исходном положении, что может сильно раздражать. Вы можете проверить это: http://jqueryui.com/demos/dialog/ Щелкните пример «модального диалогового окна» и измените размер браузера. Я бы хотел, чтобы диалоги автоматически центрировались при изменении …

6
Неизвестный поставщик: $ modalProvider <- $ модальная ошибка с AngularJS
Я продолжаю получать эту ошибку, поскольку пытаюсь реализовать модальное окно начальной загрузки. Что могло быть причиной этого? Я скопировал / вставил все из http://angular-ui.github.io/bootstrap/#/modal сюда.

20
Bootstrap: открыть другой модальный в модальном
Итак, я использую этот код, чтобы открыть другое модальное окно в текущем открытом модальном окне: &lt;a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'&gt;Click&lt;/a&gt; Что происходит, так это то, что примерно на 500 мс полоса прокрутки будет дублироваться. Я думаю, потому что текущий модальный режим все еще исчезает. Однако он выглядит очень негладким и заикается. Буду …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.