Hello All, how can i get data from forms in grapesjs. i have droped a form on canvas as u can see that below . so there is an action property as as mentioned in above snapshot covered by red coloured rectangle. i have put and action value. so where i can define this action in my code in which i can get that form's dat...
AshishTiwariMEAN
Hello Team, Need your suggestion about the same because of we need to use form builder in our application so we can easily customise our form also we need to get user input. Waiting for your reply... Thanks,
artf
If you want to define the action before dropping the form (eg. defined in the block) you just need to specify it as an attribute <form action="your/end/point" method="POST">
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 trying to use grapejs with dynamic contents. What i want to achieve is like wordpress, i want to have shortcodes / custom html tag when i export html. So here is an example of what i mean : So for that i use components, i have tried to do this.model.set('tagName'', 'div') inside the render method in my compone...
artf
@Geelik you can set the tagName in Component definition
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, 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 trying to prevent children elements from being selected so only the top parent can be selected (so as to prevent removing children and only being able to work with whole blocks). I created a component that defines the parent with a selectable false and propagate: ['selectable']. This works ok but, of course, t...
artf
Any way I can add selectable: true to the parent and propagate a false value? I'd say that the only way is to create a wrapper in the middle: And, in a similar vein, is it possible to override propagation down the line? No, you can't stop...
imanubhardwaj
I'm also facing this issue, where I have created a custom components with image wrapped inside a <a> tag, when I click on the component, image tag click is triggered rather than <a> tag click. Is there any solution to this?
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...
Hi @artf, I have a issue regarding undo manager and I have checked it's also on your demo page. Problem is that undo manger also count the event when we click on outside the editor section like on the layer button, style button, Block button or any other button which are on top. So if we add a text and then click on l...