Hello @artf, I have created custom component, where I need to display 4 columns with specific style when I drag a component to the canvas and in each column again I have some html content with specific styles and again i have to give user to edit the content or image but not the styles. Can I have a example where anyb...
pouyamiralayi
@PKRekha you can prevent the styling by setting `stylable property to false` and for having 4 instances of your component type, just go like this: Cheers!
Jogai
Please adjust title and follow the contents of the issue template
PKRekha
Hello @artf , I have created custom component, where I need to display 4 columns with specific style when I drag a component to the canvas and in each column again I have some html content with specific styles and again i have to give user...
Hey @artf I have multiple breakpoints The problem is that when i am a resolution (set using the icons) like 411 (mobile) not always the canvas show the style of the elements in that resolution. Canvas use the media query of the tablet and not the resolution that is set from the device manager for mobile. Ex: I am on 4...
MariusDK
@artf please help
artf
Hi @MariusDK I'm not really sure if I got your problem, can you create a little online demo to show better the issue? Maybe you're talking about the difference between the canvas size and the actual media query in CSS? In that case, you ca...
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
Hi there, I m getting below error while dropping components on the canvas. This only occurs if i have already some disabled components on the canvas. Uncaught DOMException: Failed to execute 'matches' on 'Element': The provided selector is empty. at r.matches (webpack-internal:///./nodemodules/grapesjs/dist/grapes.min...
artf
Follow the issue template if you're submitting a BUG
Hi, Thank you for this great library! Very handy to use. I have implemented this on a project as per the clients' requirement. But they are wondering if they can start building from a default template like the one you have here in demo: https://grapesjs.com/demo.html is there a plugin for this or some boolean option t...
In our project, we are using the grapesjs. In that, we have used the grapesjs Form. When we drag and drop the form to the grapesjs canvas. We see in the style manager the class properties of bootstrap. But we have added our own CSS in the grapesjs canvas object on initialization in code. As we have added our own style...
artf
You can extend the form component and add your classes
Sorry for the newbie question, but say I have a text field component and I only want to allow the user to drop a specific number of them into the canvas, say just one. How do I limit it? Perhaps a way that shows an alert to explain they cannot add another text field component to the canvas unless they remove the exist...
pouyamiralayi
#25151 #25152
kickbk
So I have a very ugly solution right now: This basically looks whether the component is in the canvas on load. If it is then it hides the draggable component button - Here I could use a better way to hide the button - how? I can get to the...
I have created link toolbar in richtexteditor and want to select link component (dynamically added) in else statement after insertHTML. It is not created as a component until I click on canvas. Is there any method to achieve it? Here is the following code: editor.RichTextEditor.add('link', { icon: '<i class="fa fa-lin...
gagan348
I found the method which works for me 👍 editor.getSelected().view.syncContent(); Thanks
Hi everyone, I'm trying to create a component that will update it's view based on a property value My approach is bassed on #1227 and on the docs In my use case I don't need the trait, I can just update the property programmatically. But this won't work and will not display any component on the canvas even though they...
artf
to update the HTML you have to change toHTML in the model
artf
Did you try something like this?
rjrodriguezalvarez97
I’ll give it a try the day after tomorrow. Thanks for your quick replies!
When zoom is enabled is not possible to scroll over all canvas and move components. I think that is transform: scale(1.5) translate(0px); property on canvas the origin of the problem. If I enable an overflow: scroll property outside the canvas, I can move only for a partial canvas, but not on all canvas size. <img wid...
artf
Hi @christiancannata when you enable the zoom you should be able to pan the canvas by pressing SPACE and left mouse click
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
mmotov
Hi @artf! That was really helpful, but how can I set canvas's original position when I zoomed back to normal state?
index.js:129 Uncaught TypeError: Cannot read property 'appendChild' of null at Object.postRender (index.js:129) at index.js:757 at Array.forEach (<anonymous>) at r.<anonymous> (index.js:756) at m (backbone.js:368) at v (backbone.js:356) at h (backbone.js:155) at r.c.trigger (backbone.js:346) at renderBody (CanvasView....
artf
After init/render you can use the simple querySelector and move the DOM wherever you need, but again, I hope you don't re-render stuff manually
artf
@Elvincth, as you have the error stack, click on the error to see exactly where it happens
Elvincth
@Elvincth, as you have the error stack, click on the error to see exactly where it happens /*Initialize module. Automatically called with a new instance of the editor@param {Object} config Configurations@return {this}@private / init(conf =...