Button to switch designer mode
@micker you need a command for that which executes: `editor.setDragMode('absolute')`. for panels & buttons you can refer to getting started guide. Cheers!
Read full answer below βQuestion
hello its possible to add a button to switch of designer mode ? absolute / translate ? regards
Answers (3)
@micker you need a command for that which executes: editor.setDragMode('absolute'). for panels & buttons you can refer to getting started guide.
Cheers!
ok maybe a switcher mode can be in basic panel ?
hi thanks did you think it possible to mix twice mode for more ? are its too early ? because when i test i can put text inside a column for exemple ... it will be good to use absolute position in column and put yexy block inside it to move column like a group
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2632
Rezize block with drag and drop
Hello i trying the absolute mode ! its realy good but to be complet with this designer mode did you plan to add rezize module via drag and...
Issue #5003
Slow absolute drag on Chrome
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 111 Reproducible demo link https://...
Issue #4506
Error on drag block with dragmode: absolute
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https:/...
Issue #3115
Component droped position is wrong when I changed canvas size under Absolute/Designer mode
WARNING I changed the canvas size and I drop a compent from blocks panel. The result is compent postion is wrong. By the way, the editor is...
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
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component β click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
Tutorial
How to integrate GrapesJS into a Nuxt 3 app (complete guide 2026)
Embed GrapesJS in a Nuxt 3 app: mount it client-side with onMounted, save content to a Nitro server route, and export clean HTML/CSS.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.