Ancho modal

Question

Hola, ¿hay alguna forma de establecer el ancho de un modal? Actualmente está configurado a 850px por CSS, pero me gustaría crear un diálogo con poca cantidad de texto y es demasiado grande para esto:

! imagen

Pero sería genial conseguir esto:

! imagen

Sin anular el CSS, porque aún me gustaría usar modales grandes.

He revisado el código fuente y la documentación, parece que las únicas propiedades que puedes configurar son el título y el contenido.

ronaldaug · Accepted Answer

Para quienes no saben cómo usar los 'atributos' modales. Puedes añadir la opción 'opts.attributes' al método open de modal como se indica a continuación. '''javascript const modal = editor. modal; const opts = { atributos: { Clase:'Mi-Clase-Personalizada', Id:'Mi-Personalizada-Id' } } modal.open(opts); ``` Porque no encontré cómo usarlo en la documentación aquí.

kaoz70 · Answer

Vale, lo que estoy pensando es crear una función que pueda establecer el ancho como: setWidth('400px'), y también un método para establecer atributos personalizados: setAttributes({'data-custom-attribute': 123}).

Creo que se necesitan 2 funciones porque el ancho lo controla el CSS, y también el diseño del modal, así que simplemente dejar que el usuario establezca el ancho es suficiente en este caso. La función de atributo sería para cualquier otro caso que se necesite

¿Qué opinas?

kaoz70 · Answer

Hola, siento que ahora esté cargado de trabajo, si @sunnykgupta intentarlo sería genial.

Ancho modal

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Redimensionar el lienzo

[requisición] ¿Soporte para reglas en modo diseñador?

[PREGUNTA] cómo hacer un comando a pantalla completa

[Pregunta] Clases de viento a cola

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework

Explorar categorías de plugins