Articles of modal diálogo

Angular 2 ng2-bootstrap modal dentro del componente hijo llamado desde el componente padre

Es difícil de explicar esto. Hice funcionar un ejemplo modal simple de trabajo ng2-bootstrap. Lo expandí para incluir la plantilla de ejemplo Boostrap 4 Jumbotron para mi página de inicio, ahora el modal ng2-bootstrap no hace nada. Puedo ver que this.childModal.show() en el componente modal hijo recibe una llamada al hacer clic en el botón, […]

Posición de la barra de navegación para la vista modal – iOS7

En un controlador de navegación, obtiene automáticamente el color y la posición correctos de una barra de navegación como se esperaba. Me gusta esto Pero en la vista modal, cuando arrastras una barra de navegación, puedes ubicarla en la parte superior, que está demasiado cerca de la información de la portadora / batería. Entonces puede […]

Invocar ventana modal en AngularJS Bootstrap UI usando JavaScript

Usando el ejemplo mencionado aquí , ¿cómo puedo invocar la ventana modal usando JavaScript en lugar de hacer clic en un botón? Soy nuevo en AngularJS e intenté buscar la documentación aquí y aquí sin suerte. Gracias

Bootstrap Modal sentado detrás del telón de fondo

Así que tengo casi el mismo problema que @Jamescoo , pero creo que mi problema proviene del hecho de que ya he colocado un par de DIV para crear un panel de navegación deslizante. Aquí está mi configuración exacta replicada: http://jsfiddle.net/ZBQ8U/2/ BONO: Siéntase libre de tomar el código para el panel deslizante si lo desea […]

Cómo pasar argumentos de valores a la función modal.show () en Bootstrap

Tengo una página que muestra una lista de cafés locales. Cuando el usuario hace clic en un café determinado, se muestra un diálogo modal, que ya tiene el “nombre del café” previamente llenado. La página contiene muchos nombres de cafés, y el formulario debe contener el “nombre del café” en el que hizo clic. A […]

jQuery: cargar contenido de diálogo modal a través de Ajax

Actualmente mi Diálogo Modal es como este Stuff here jQuery( function() { jQuery(“#dialog”) .dialog( { bgiframe: true, autoOpen: false, height: 100, modal: true } ); jQuery(‘body’) .bind( ‘click’, function(e){ if( jQuery(‘#dialog’).dialog(‘isOpen’) && !jQuery(e.target).is(‘.ui-dialog, a’) && !jQuery(e.target).closest(‘.ui-dialog’).length ){ jQuery(‘#dialog’).dialog(‘close’); } } ); } ); Click to view La div que está cargada se incluye en la […]

Bootstrap 3 – ¿Cómo cargar contenido en un cuerpo modal a través de AJAX?

Como puede ver aquí , tengo un botón que inicia un modal. Configurando una URL href para el botón, Bootstrap 3 carga automáticamente esta URL en modal. El hecho es que esta página se carga en la raíz modal (como se dice en la documentación de bootstrap 3 para el uso de modales ). Quiero […]

No permitir que la ventana modal de Twitter Bootstrap se cierre

Estoy creando una ventana modal usando Twitter Bootstrap. El comportamiento predeterminado es si hace clic fuera del área modal, el modal se cerrará automáticamente. Me gustaría desactivar eso, es decir, no cerrar la ventana modal al hacer clic fuera del modal. ¿Alguien puede compartir el código jQuery para hacer esto?

Angular 2.0 y Diálogo Modal

Estoy tratando de encontrar algunos ejemplos sobre cómo hacer un diálogo modal de Confirmación en Angular 2.0. He estado usando el cuadro de diálogo Bootstrap para Angular 1.0 y no he podido encontrar ningún ejemplo en la web para Angular 2.0. También verifiqué documentos angulares 2.0 sin suerte. ¿Hay alguna manera de usar el diálogo […]

¿Cómo implementar el diálogo de “confirmación” en el diálogo de JQ UI?

Intento utilizar el cuadro de diálogo de la interfaz de usuario de JQuery para reemplazar el feo cuadro javascript:alert() . En mi caso, tengo una lista de elementos, y junto a cada uno de ellos, tendría un botón de “eliminar” para cada uno de ellos. la configuración de psuedo html será algo así: ITEM $itemId […]