By default disable Traits, On previous change in traits Enable next traits.
@HarshOB Did you check already the wiki about Traits? I explain there how to add checkbox inputs and how to react to their changes. If it's not clear can you point me out what should I add?
Read full answer below ↓Question
Hello,
So, I want to define Two traits in the component settings. First one is CheckBox and another one is TextBox(There can be multiple). I will define First CheckBox the multiple Input fields. When a CheckBox is clicked/checked on the base Next TextBoxes/input fields (That will be disabled by default) will be Enable. How can I achieve something like this?
Thank You.
Answers (3)
@HarshOB Did you check already the wiki about Traits? I explain there how to add checkbox inputs and how to react to their changes. If it's not clear can you point me out what should I add?
Here I explain again with a screenshot. You can see that there are two text fields under one checkbox. So, when I clicked on checkbox/ check that checkbox then that two input fields will be enabled(I want it to disable when it loads for the first time).
No, it's not something you can do with a built-in trait, but you can define your own type (which can even include all your inputs) by extending the default one
Related Questions and Answers
Continue research with similar issue discussions.
Issue #397
Change value of Traits on the base of previous Traits.
Hello I am using two dropdowns in traits. On the selected value of the First drop down I am going to call an API and set data into another...
Issue #1144
[Question]: Custom property to change multiple settings
Is there a way to extend a current property or create a new one to change multiple properties? I have a component in which I would like to...
Issue #1374
Default Component Properties
Is there any way I can change the default properties of components? I want almost everything to be copyable: false, resizable: false, dragg...
Issue #1804
Applying two different traits on same html tag but applies only one
Hello @artf , If we need to initialize two traits on same HTML tag then it's possible or not? Actually i define two different traits on sam...
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.