Modal width

Question

Hello, is there a way to set a modal's width, its currently set to 850px by CSS, but I would like to create a dialog with a small amount of text and its too big for this: But it would be great to get this: Without overriding the CSS, because I would still like to use large modals. I checked the source code and the docs, it seems the only properties you can set are title and content.

ronaldaug · Accepted Answer

For those who don't know how to use modal attributes. You can add option opts.attributes to modal's open method as below. Because I didn't find how to use it in the documentation here.

kaoz70 · Answer

OK, what I'm thinking is to create a function to be able to set the width like: setWidth('400px'), and also a method to set custom attributes: setAttributes({'data-custom-attribute': 123}). I think 2 functions are needed because the width is controlled by CSS, and so is the modal's design, so just letting the user set the width is good enough in this case. The attribute function would be for any other case that's needed What do you think?

kaoz70 · Answer

Hello, sorry I'm piled with work now, if @sunnykgupta can give this a shot it would be great.

Modal width

Question

Answers (3)

Related Questions and Answers

[Question] How to add toolbar functionality to the layers panel.

Images won't resize to full width

Resize canvas

Name of the destination

Paid Plugins That Match This Issue

Related tutorials

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

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

Browse Plugin Categories