@artf When we set some margin from top to the container and want to drag some element inside it then Drag placeholder Highlighter position is not seems right as it included margin also and it's showing top of the element from where margin given. How can I show Drag placeholder Highlighter inside the container only not...
YashPrince
You can check in your demo page. https://grapesjs.com/demo.html https://vimeo.com/289217284
artf
Create a live demo, please
artf
Closing the issue as it seems already to be solved.
I want to know how can I get that component from which element is dragged and drop to the other component. I need to add a class if component become empty if element is dragged and droped to the outside element. I can get the component which dragged and in which it droped but not from where it dragged. Any Help would...
artf
In your case, I think it would be better listen to inner components changes (eg. what if I delete all children components?), but currently, there is no such an event, so I'll try to add it for the next release. It should be something like...
sakshigarg9
@YashPrince how did you get the id of the dragged component and where it was dropped
lock[bot]
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.
I'm building a a new trait type, and would like to be able to include the grapesjs color picker inside it - any suggestions on how to do that? Right now I'm including the standard HTML color input in my "inputEl" html (along with a text field and radio button) but I would love to be able to use the one that comes with...
pnellesen
@nojacko I've modified my code a little, here's basically what I'm doing: Hope this helps. This is still a work in progress :) Note that the getInputEl method of the colorPicker appends a spectrum colorpicker to the body of the canvas each...
artf
Hi @pnellesen this is actually a really good question, definitely, we should allow doing so but unfortunately, right now it's not so straightforward. We should refactor few modules to make the UI more reusable. BTW try to extend editor.Tra...
pnellesen
@artf - thanks for the response! Your suggestion worked pretty well (and it even works in Internet Explorer, which is better than my html5 color picker :p ). I have some tweaks to do to my styling and my input data, but otherwise it's good...
Is there a way to have a dynamic resizing of the canvas? i.e not using the Device Manager, but having a drag and drop of the width, similar to what you can do with panels or components? Thanks
jvillena
@artf and @shlomoko, I will explain the step little by little. Firstly, I need to use Jquery but you can use other library or integrate inside the GrapesJS engine. In my case I wanted to do it transparent to the engine. 1) I have two hidde...
artf
No @shlomoko, canvas is not resizable but I'd be glad to see a PR for that (possibly with the same logic used in panels)
jvillena
Hi @artf, I've just implemented a resizing canvas bar but I don't know if exist a way to refresh the position of the highlight borders. Take a look in the video please: http://recordit.co/jKlppYg2dD gjs-badge gjs-toolbar Best regards.
How would you go about adding a "Insert image" button to the assets manager modal? At the moment the "Add Image" may be confusing to some who would thing that button would actually insert the image onto the canvas and keep clicking it till their mouse would drop dead :)
artf
Are you just asking to rename the Add image with Insert image?
kickbk
@art here's a mockup to get the idea across. Not I am using BS to style the buttons. So you click on an image to highlight and Import to close. Currently when you click it already replaces the image but the modal does not close. It is hard...
Hey @artf , I think that the slider component would come handy from the UX perspective for the user interaction of some of the integer properties as well, like font-size / line-height, etc. I would like to propose that the slider component is extended with a default unit property which would take in an string, but wit...
artf
Yeah, sorry, I was too much busy with other stuff this week, hope to release this weekend π¬
artf
It could be already possible with this kind of configuration but unfortunately I notice that currently the slider itself does not update its pointer (due to a not numeric value). I'll fix that in the next release
FrciSmrci
Thank you @artf :) When is the plan to do the next release?
Hello artf, I want to replace wrapper div, for example : When we create the newsletter template, wrapper div already exists there. On import template if wrapper div exists in import html then need to replace already exists wrapper with new one. Is that possible? following is my code After drag and drop, it not editabl...
artf
No, currently there is no way to import a wrapper, but I'd be glad to accept a PR for this
padcom
Any progress on this? Specifying the wrapper component is very useful when working with custom elements that need a context, such as FormKit that requires some data provide()d...
I'm trying to remove a panel. The function returns the panel the first time I run removePanel and then returns undefined if I run it again. It's worth noting that the panel is no longer returned when getting all panels, however it is still visible and functional. In my case I'm trying to remove the device selection bu...
FrciSmrci
Hey @mmeeeooowww , the panels should be removed as discussed in this issue. Have a great day.
mmeeeooowww
Hi, @FrciSmrci I am using css to hide stuff at the moment. Am I misunderstanding the purpose of removePanel or am I using it incorrectly? Thanks!
When importing components and initializing grapesjs, the css background-repeat property is being changed to background-repeat-x and background-repeat-y, which breaks on iOS. Import components: This is how it looks before: Mobile Desktop Initialize GrapesJs, select an element, and then get the output code, and it comes...
Coyote6
Thanks. I added this to my storage manager function... I think it patches the problem for the time being... I am not quite awake yet, so please let me know if I messed something up.
artf
Thanks @Coyote6 we're already aware of this issue. This happens due to the browser's CSS parser and I can't do much about until there will be a possibility to attach custom CSS parsers, hope to implement it soon.
artf
From https://github.com/artf/grapesjs/releases/tag/v0.14.33 you can use custom CSS parsers, the first to be released is grapesjs-parser-postcss