Tag: MODAL-DIALOG
Tengo una barra de navegación que utiliza el componente Popover de HeadlessUI en dispositivos móviles para el menú desplegable. Por defecto, este menú se cierra cuando se hace clic fuera de él o se enfoca en un elemento que no está dentro del menú. Ahora estoy intentando agregar un modal . . . Read more
Tengo este código simple: <div class=”modal”> <h1>Contenido</h1> <button id=”read”>LEER MÁS</button> </div> <div class=”overlay” id=”modaloverlay”> <span class=”closebutton”>X</span> <div class=”modalinfo”> Más contenido </div> </div> .overlay { background: rgba(0,0,0,.9); padding: 20px; position: fixed; top: 10px; bottom: 10px; left: 0; right: 0; align-items: center; justify-content: center; display: none; max-width: 600px; margin: 0 auto; color: . . . Read more
Me gustaría que el modal se mantenga abierto si hay errores, pero el modal no se abrirá automáticamente cuando haya errores. <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link href=”{{ asset(‘css/app.css’) }}” rel=”stylesheet”> <script src=”//unpkg.com/alpinejs” defer=””></script> <script src=”{{ url(‘/js/jquery.min.js’) }}”></script> <script src=”js/jquery-3.5.1.min.js”></script> <script src=”js/bootstrap.min.js”></script> </head> @if($errors->any()) <script type=”text/javascript”> $(document).ready(function(){ $(‘#modal-title’).modal(‘show’); . . . Read more
Utilizo esta librería: https://gorhom.github.io/react-native-bottom-sheet/components/bottomsheetflatlist Muestro un Modal y en el modal hay un flatlist. El problema es que, si presiono para abrir el modal, espero 1 segundo y luego se abre porque el modal se muestra solo cuando se ha cargado el flatlist. ¿Puedo abrir el modal incluso si el . . . Read more
Hemos integrado TinyMCE 5 en uno de nuestros proyectos y me está volviendo loco. El contenido editable para uno de nuestros elementos se carga en un cuadro de diálogo modal de Bootstrap 4. Después de cargar el cuadro de diálogo modal, se llama a TinyMCE para uno de los campos . . . Read more