Issue #2384Opened November 6, 2019by rodenp2 reactions

Finer drag and drop resizing and repositioning control

Question

I would like to be able to add extra functionality to the drag and drop of components, so as to allow for easy resizing and repositioning without having to manually go through the panels on the right side of the screen.

Can you please provide some guidance on where in the code base to focus on? Has anyone else done anything similar who would like to share their experience and knowledge?

Thanks

Answers (3)

pouyamiralayiNovember 6, 20191 reactions

allow for easy resizing

you can add resizable: true to your component type definition

functionality to the drag and drop of components

you can apply this on either the editor or an specific component:

editor = grapesjs.init({
      dragMode:'absolute',
})
// or for a specific component:
component.setDragMode('absolute')

cheers!

rodenpNovember 6, 20191 reactions

thanks @pouyamiralayi for your guidance. Will this also work for things like columns?

pouyamiralayiNovember 7, 20190 reactions

@rodenp yes! every component type can use this property.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.