How to handle more sector of traits
At the moment you can render only one container of traits, so you can't split them
Read full answer below βQuestion
I want to add more Structure sector as below : // Add Settings Sector var traitsSector = $('<div class="gjs-sm-sector no-select">'+ '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Settings</div>' + '<div class="gjs-sm-properties" style="display: none;"></div></div>'); var traitsProps = traitsSector.find('.gjs-sm-properties'); traitsProps.append($('.gjs-trt-traits')); $('.gjs-sm-sectors').before(traitsSector); traitsSector.find('.gjs-sm-title').on('click', function(){ var traitStyle = traitsProps.get(0).style; var hidden = traitStyle.display == 'none'; if (hidden) { tr...
Answers (2)
At the moment you can render only one container of traits, so you can't split them
I'm confused about the demo and this answer. Why is it that I can configure the general, dimension, etc sections at init but not Settings/Traits or others. Also, you can't add arbitrary sections to the presets during init? I'm surprised, especially cause the docs say I should be able to: "customSty...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #995
How to add fields on trait dynamically
I am building the trait when the application starts. so getting the below fields at side bar as settings Now I want more field to be loaded...
Issue #1902
Disable/change build-in components behavior
Hey, Trying to get GrapesJs work for a project I'm currently working on. But is there a way to disable the built-in components that convert...
Issue #1821
How to apply the style changes to the ID instead of the class?
Hi, I have two elements with the same classes. I want to apply style changes with style manager to one of these two elements. I add ID but...
Issue #1574
Question, Block content from file
Hi, this is not really an issue but more a question. I'm currently using custom blocks in my GrapesJS editor. This is how I create them : I...
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 βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.