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
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.