#1539October 24, 2018by himanshubudhlakoti3 answers
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.
#1538October 24, 2018by Geelik2 answers
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.
#1537October 23, 2018by hpruvot3 answers
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.
#1536October 23, 2018by dlorenzo2 answers
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?
#1535October 22, 2018by christopherserrao052 answers
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.
#1534October 22, 2018by YashPrince3 answers
@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.
#1533October 22, 2018by thanhpd563 answers
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.
#1532October 21, 2018by momu-smartcoach3 answers
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!
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.
#1531October 19, 2018by alfaalex813 answers
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...
#1530October 19, 2018by Deepak8131 answer
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...