-
-
Notifications
You must be signed in to change notification settings - Fork 740
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
How to create multiple canvases inside a canvas #56
Comments
I created a Demo CodeSandbox for you. Is this what you wanted to achieve? Note: as soon as #35 is merged it is easier to define the rules |
I think the example in Grape.js requires some extra rules ( I will refer to ColumnLayout in @ankri's example as "Row" for simplicity):
What do you guys think, if it makes sense to make these changes? |
In my use case (not the CodeSandbox) it should be possible to drag
In my use case I think adding a restriction on a specific number of |
thanks @ankri that worked. ref={ref => {
connectors.create(
ref,
<Canvas is={ColumnLayout}>
<Canvas is={Column}>1</Canvas>
<Canvas is={Column}>2</Canvas>
<Canvas is={Column}>3</Canvas>
</Canvas>
);
}} |
for my use case it's ok not to have these rules but I could see cases where they're needed |
I want to create a component similar to
3 columns
component in grapejs https://grapesjs.com/demo.htmlI want the container and all inside elements to be draggable, droppable and deletable, I've tried different options but none meet all the above requirements.
is this achievable?
The text was updated successfully, but these errors were encountered: