Dynamically changing Trait Properties
Please read carefully this https://grapesjs.com/docs/modules/Traits.html and check your code, it's a bit a mess (you're mixing component code inside traits)
Read full answer below ↓Question
Hi, I went through the other questions posted here and could not get it to work. All I need to do is to access a specific trait of a specific component (or selected one) and to set some of its attributes. I default the trait to display: none and when I did some server logic the trait gets a value and is displayed to the user. I did this: Essentially, I need to be able to access the screenName type trait and change its attributes (value, style etc.) so that it reflects in the local storage. Thanks.
Answers (2)
Please read carefully this https://grapesjs.com/docs/modules/Traits.html and check your code, it's a bit a mess (you're mixing component code inside traits)
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.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #865
[QUESTION] How can I set default tagName
Hi ! I want to set tagName tr for all components(or specific component in use). Is there any predefined function to set tagName ?
Issue #1169
[Question] Get and set some styles to active element (in components)
Is it possible to have some style attributes, for example, color, background-color, font-size, in component settings tab, together with tra...
Issue #1959
[Question] Edit innerHTML in a custom button
Hi All, I am trying to change the text in a button component, but I am not able to edit it. I added this type: I included the editable: tru...
Issue #1537
Duplicate component not style
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&d...
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.