Resize canvas
@artf and @shlomoko, I will explain the step little by little. Firstly, I need to use Jquery but you can use other library or integrate inside the GrapesJS engine. In my case I wanted to do it transparent to the engine. 1) I have two hidden div element in the main index HTML outside of the iframe that grapesJS is gene...
Read full answer below ↓Question
Is there a way to have a dynamic resizing of the canvas? i.e not using the Device Manager, but having a drag and drop of the width, similar to what you can do with panels or components?
Thanks
Answers (3)
@artf and @shlomoko, I will explain the step little by little. Firstly, I need to use Jquery but you can use other library or integrate inside the GrapesJS engine. In my case I wanted to do it transparent to the engine. 1) I have two hidden div element in the main index HTML outside of the iframe t...
No @shlomoko, canvas is not resizable but I'd be glad to see a PR for that (possibly with the same logic used in panels)
Hi @artf, I've just implemented a resizing canvas bar but I don't know if exist a way to refresh the position of the highlight borders. Take a look in the video please: http://recordit.co/jKlppYg2dD gjs-badge gjs-toolbar Best regards.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1791
Name of the destination
@artf, Is there any way to show the name of the destination element ?
Issue #2002
Images won't resize to full width
When an image is resized with the mouse, it won't stretch all the way to the edge of the canvas, leaving a white space on the right side. I...
Issue #1486
How to add/remove class undo manager
Hi @artf, Can you please provide the way to add/remove class in undo manager. Also,on live demo when we drag countdown and click on undo bu...
Issue #1936
Absolute/Designer mode
Hi guys, this issue is an overview of what is it, what is done, what to do and nice-to-have to complete the Designer Mode feature.Preface S...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.