Tag: MODAL-DIALOG
Estoy utilizando bootstrap 5 para una aplicación de React. Mi problema es que cada segunda vez que abro un modal, se aplica el siguiente estilo al elemento body: style="overflow: hidden; padding-right: 17px;" y también se agrega la clase modal-open, lo cual evita que pueda desplazarme fuera del modal incluso después . . . Read more
¿Cómo puedo establecer el ancho del modal al 80% cuando bs_theme() está activo? ¿Existe alguna posibilidad dentro de bs_theme()? No logro hacerlo funcionar correctamente con las etiquetas. library(shiny) library(bslib) ui <- fluidPage( shiny::bootstrapLib(), theme = bs_theme( version = 4, bootswatch = “minty”), tags$style(“.modal-dialog{width: 80% !important;}”), actionButton(“open_modal”, “abrir modal”), ) server . . . Read more
let modal = document.querySelector(‘.modal’); let items = document.querySelectorAll(‘.item’); items.forEach(fe); function fe(item, index){ item.addEventListener(“click”, function(){ item.querySelector(‘.modal’).classList.toggle(‘show’); }); } .horizontal-scrollable{ display: flex; flex-direction: column; padding: 10px; background-color: #d2d2d2; overflow-x:auto; max-width: 450px; } .item { background-color: #a29f9b; margin: 5px; padding: 0 5px; cursor:pointer; position:relative; } .item2{ min-width:500px } .item3{ min-width:700px } .modal{ display:none; . . . Read more
Tengo una entrada modal con 2 campos. Uno es la entrada de texto para el nombre completo y el segundo es un campo desactivado para obtener el resultado en vivo. El resultado es la primera letra en mayúscula de cada palabra en el campo de texto de entrada 1. No . . . Read more
Me gustaría etiquetar un “Botón” que hace que cada imagen de la galería sea visible para mí. Cada imagen tendrá una etiqueta diferente que luego se mostrará en los eventos analíticos. Creo que esta es la única forma de poder analizar las visitas a la galería sin una URL. <a . . . Read more