Create minimalist Panel left sidebar III
@ssabrewolf as you get it right, BlockManager points only to one single DOM element, so you can't create 2 different collections, but you can definitely move elements around with plain javascript. You should do it once the content is rendered
Read full answer below βQuestion
hello @artf , thanks to you for the comment on #1188, i see in the code https://codepen.io/artf/full/MQpZPj/ uses the appendTo property to render a filtered collection of component in a div with id # block1 , is posible to render 2 different collections, 1 in block1 and another in block2, since the BlockManager only points to one single dom element, i tried to use editor.BlockManager.render twice, the second time after changin editor.BlockManager.getConfig().appendTo property but no luck it keeps changing the orignal block collection in block1, i mean, is possible to have 2 different blocks at the same time in 2 different divs one block with popular components and another with the remaining ones Regards
Answers (2)
@ssabrewolf as you get it right, BlockManager points only to one single DOM element, so you can't create 2 different collections, but you can definitely move elements around with plain javascript. You should do it once the content is rendered
editor.on('load', () => {
// move stuff
})
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 #1188
Create minimalist Panel left sidebar II
Hello grapesjs Team Regarding the answer given on #1153 , im posting here cause im not sure if closed issues are still visible: @artf tx fo...
Issue #1679
How to render component in canvas using trait.
Hi Artf ,Thanks for your great tool,I have created test case for my problem https://js.do/code/271771 I have created custom tool sidebar an...
Issue #559
Why is my component selected full width?
Trying to create a custom component, see demo here and code here Drag out two button, then drag out two button + link The two buttons are p...
Issue #1153
Create minimalist Panel left sidebar
Hi grapesjs Team Is it possible to create a quick access left panel sidebar with the most popular blocks(text,image,2column,etc), this way...
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.