How to add the button in custom traits
hi again :) My bad, html button tags need textNode value is not visible remove value and add a textNode instead
Read full answer below ↓Question
Hi, I try to add a button to my custom traits for my custom blocks but its not working fine as expected and also need to know how to call the function when we click that button, add icon inside that button also my code : my error screenshot: in the above screenshot, u can see an Add label inside the settings so what I need to show a button near the Add label. Thanks
Answers (3)
hi again :) My bad, html button tags need textNode value is not visible remove value and add a textNode instead
Hi, First you need to define the new trait (button) and create it. After you define the new trait type you must call it inside you custom block
@ploutos27 Thanks for your reply, I tried your code but it shows input box instead of button and my updated custom traits code is and my custom blocks is can u help me
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1722
[QUESTION] how to make my custom tag as selectable and editable inside of canvas ?
Hi, I try to change my custom tag of ion-item has div in view properties but It doesn't work for me as I expected. my custom Blocks is my c...
Issue #1888
[Question] Add custom html inside canvas
Hi there, I'm using grapes to export a custom json with all the information i need, instead of HTML and CSS. For doing that I'm parsing the...
Issue #1137
Cant make Text Block not editable and style able at the same time !
Demo / reproduce problem https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ Question Not sure if its bug or i dont know how to get the desired...
Issue #1255
[QUESTION]: How to set editor html contents from custom component?
I'm having trouble getting a custom block+component to display its template HTML inside the grapes editor. Within the exported HTML, the ma...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.