Hi, First of all, thanks a lot for the awesome work ❤️ !!! I've a question about the duplication tool so here the steps to follow :I drag&drop a text componentI change the style (color in green, weight, size, etc...)I duplicate itI change the color in red BUT the original component changes in red too because they have...
artf
Hi @hpruvot I'd like to say, at first, if you clone a component with a class and you change it, you see changes on both, this is because how classes work. If you want to avoid the editor creating classes for you, use this option:
hpruvot
Oh sorry I missed that option, thanks 👌
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.
Hi, I'm using the grapesjs library version 0.14.33. I've created some custom components and I've noticed that on deleting the components the Traits panel does not clear out. For instance when the canvas loads and no component is selected, the Traits panel does not display any traits. The traits are displayed only afte...
artf
Ok thanks for the report. I'll fix that in the next release
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.
@artf I want to update height of the element and want to give a custom height using following code It's working fine and it's update the selected model style but it does not update the property input value. How can we update the input values also while updating the style. Any help would be appreciated, thanks in advan...
artf
For now, use this editor.trigger('component:toggled') maybe one day I'll make it update automatically
YashPrince
@artf I have used ` but it did not updated the value of height field in left panel.
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.
Hi, I have successfully contained div id="gjs" inside of another div container with left side menu and top menu. It's working well, but there is a problem. When i click on color picker to change background color, it does show up outside the screen. How can i fix it?
alfaalex81
I have defined the exact position on color picker definition, for example
thanhpd56
@alfaalex81 thank for your help. I did solve the problem by making its parents position to static so that the color picker position (absolute) align to the root (view port).
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.
sorry to ask again，I really want to know How to set up the independent module is not dragged into other modules ，just like Built-in Blocks in grapedrop.com。 Eagerly looking forward to the specific code module modification，thank you!
momu-2016
help~~~~
artf
At the bottom of this https://grapesjs.com/docs/modules/Blocks.html you find an example of a Row block which does exactly what you need by using droppable/draggable properties of Component
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.
Hi! Probably this problem is already posted, but I can't understand where I'm wrong. I use this three parameters on init GrapesJs. I would like GrapeJs not to edit preexisting css, but only creates its own. Is it possible? Thank you!
alfaalex81
For example i have this code on canvas GrapesJs add to CSS this class This rule modify all element with this class, this is a generic bootstrap class that we use in all site.
artf
@alfaalex81 I can't reproduce it, create a live demo please
alfaalex81
https://jsfiddle.net/ugc1otnk/ In the example when i change background color in the first column, GrapesJs set the css attribute to the external class "col-md-6", that is a bootstrap class name. I prefer Grapesjs set own class. Moreover I...
I have custom component and have applied editable=true but child element are not editable, I even tried adding data-gjs-editable=true and also try to use basic component blocks but entire component is not editable. var sliderType = 'hsbc-slider-1'; var createSliderComponent = function (comps, defaultModel, defaultView...
artf
traits are not visible when clicked on component. Because you're clicking another component (the inner one, which has its own traits), if you don't need that component to be selectable you can use selectable property <div data-gjs-selectab...
artf
You should put the HTML not inside content(in the block definition) but components
krunal039
@artf I have put inside components and if I do that way than traits are not visible when clicked on component. var sliderType = 'hsbc-slider-1'; var createSliderComponent = function (comps, defaultModel, defaultView) { var defaultType = co...
I'm using the following code for my custom block, and it works when the block is dropped on the canvas. But when the block is loaded from localStorage, it only creates a div wrapper and doesn't execute the content.script part of custom block.<br> I tried simplifying the script property to just alert or console call bu...
nine-2-five
False alarm, sorry. I checked the grapesjs-preset-webpage, and realized I was registering the block but no component. Once I added the component to editor.DomComponents, it started rendering the carousel even when loaded from localStorage.
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.
Hello @artf, How can we add any changes/events in undo/redo Manager like when we drag element like navigation or countdown. Hope for positive response Thanks in advance
artf
Duplicate of #1512 @Deepak813 more issues you open, later you get the response... so please avoid generating useless noise
Deepak813
Hello @artf, My bad.I forgot that i have already opened this issue. I'll not repeat this thing. Thankyou
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.
Hello All, I am using Forms block in grapejs and using grapesjs with angular 6. but i am not getting that how can i get data from forms while clicking on submit button of form. i am using following code for forms as displaying in above snapshot i have filled form and now when i click on send button forms data should b...
artf
In the editor you just specify the action of the form, the rest has nothing to do with it (you have to deal with some server endpoint)
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.