Adding columns side by side
Question
Is there a way to enable dragging and dropping of single column spaces to sit side by side within the editor?
As it stands, there doesn't seem to be a way to do this. Once you drag a block into the editor, that block spans the width of the entire editor screen with no way to place another column next to it, even in the main online demo. I'm looking to see if there's a way to put more than three columns in a single row.
Answers (2)
@z1lk has provided a Bootstrap 4-driven solution which works fine!
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1420
Customizing Block(section block) While Dragging it
Hi I have seen that there was two separate blocks to add 'sections' and 'columns'.We have a flow like when we drag a section into canvas ne...
Issue #1766
Is There any way to integrate ImageEditor in GrapesJs
After Dropping the image inside the editor is there any plugin for GrapesJs to edit that image like Cropping , adding text on it .....
Issue #765
editor.on('block:drag:stop') event doesn't work
I am using this event many times in the application in the previous library. Now I have updated the library. I have updated the following l...
Issue #1949
[Bug] With keepEmptyTextNodes Parser option enabled, a dragged block is dropped above targeted position
Hi @artf , Following your tip to enable the "keepEmptyTextNodes" option on the Parser to fix my #1915 issue (grapesjs stripping betw...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.