@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.
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...
I've noticed some inconsistencies when moving DOM components around in the canvas. Description in the gif below using the Webpage Demo: In my case, I do see the DOM component "moves" being reflected when I output editor.DomComponents.getComponents(). They actually get reordered, but the Canvas does not reflect those m...
artf
Never had time to debug it but I think it caused somehow by components with float: right style applied
jmrgz
Yes, it is related to the float right property. Actually, that is the real behavior of the float right property (the last html element appears the first) so I do not see an easy solution.
Hi, I was trying to make a responsive layout but I discovered that the device switcher does not work consistently. The issue can be replicated in the official demo. Open http://grapesjs.com/demo.html Keep the "Desktop" as the selected device. Add at the top of the "Header" 2 block of type "2 Columns" (just above the m...
peakrams
Hello. There is or there will be any update about this issue? I've just tried to replicate it in the demo and the issue still persist. Unfortunately, I know only basic JS so I can't think of a way to fix this beaheviour myself. I don't kno...
peakrams
Hi, can someone help me with this issue? I have just replicated (in the demo) the second example I have provided in the opening post and it seems that nothing has changed from the last time. Thank you.
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...
When double quotes are added to an attribute it breaks the HTML.https://jsfiddle.net/szLp8h4n/Drag in the link block.Click the link in the editorGo to "Component settings" panelEnter This is an "example" into title field.Click the view code icon.Invalid HTML is generated
artf
Thanks for the catch James PRs are welcome
artf
@nojacko I don't build files before the release so if you're using files from dist you're still using the old one
artf
Fixed by https://github.com/artf/grapesjs/pull/939
Hi @artf , I've noticed an issue while testing one of my templates using different device configurations that supposed to trigger media queries. My template has styles generated as following: It looks like this JSON is used to generate styles inside canvas as in this screenshot: You can see here that the '.cell' style...
vrudikov
@artf Created the PR
artf
Thanks for the catch guys and the great video @vrudikov, was really helpful. I'll investigate this
vrudikov
So now we have the following structure: And you want something like this:
Hi @artf, We have found that when we set background color of any element then no other element is draggable. This is the serious issue exists in latest library as well as the new grapes version downloaded. I am using latest version i.e /! grapesjs - 0.13.5 / Thanks
ryandeba
Hi @Deepak813, I'm tried recreating this in the demo (which currently uses version 0.13.5) but I have not been able to recreate it. Could you test there and provide steps to reproduce the bug? Or could you create a jsfiddle that demonstrat...
Deepak813
Hi @ryandeba, Thanks for the message, Please find below the attached video link of reproducing the bug: Url 1 : https://vimeo.com/251763933 Url 2: https://vimeo.com/251784423 This error exists in using color picker with any element in the...
artf
@Deepak813 yeap, seems like the colorpicker breaks the drag event attached to blocks