Issue #2278✓ SolvedOpened September 18, 2019by ivcaRealWare3 reactions

Simplify dropping columns/rows

Quick answerby pouyamiralayi2

hi!because draggable property for column have value ".row" just get rid of this. we do not need draggable here because we are doing the check ourselves: if you need any further help for your specific case, i would appreciate a fiddle. cheers.

Read full answer below ↓

Question

What I need is to simplify dropping elements in a way to speed up page creation. So if I drop a column and there is no parent row there, I would like to be added automatic. Same for dropping row. If I drop a row without container it would be nice to be able to add container automatic. What is the best approach to do that?

Answers (3)

👍 Most helpfulpouyamiralayiSeptember 19, 2019

hi!because draggable property for column have value ".row" just get rid of this. we do not need draggable here because we are doing the check ourselves: if you need any further help for your specific case, i would appreciate a fiddle. cheers.

ivcaRealWareSeptember 19, 2019

I try to solve this with that proposal event. But when I try to drop column somewhere else it does not allow because draggable property for column have value ".row" so on editor.on('block:drag:stop', function (element) element is null if column is dropped out of row. So I ether need to change dragg...

pouyamiralayiSeptember 18, 2019

hi there! see if this can help you out. cheers.

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...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.