How to open a sector when selecting a element?
Question
Hello everybody
How do i open a selector like general as i select the element.
I am new to javascript, but i tried something out like this.
editor.on('component:selected', function(component) {
if(component.attributes.tagName == 'div') {
const styleManager = editor.StyleManager;
styleManager.getSector('General',{
open: true,
});
}
});
what iam doing wrong?
Thx for help
Answers (3)
@ikenderham you were almost there
editor.StyleManager.getSector('general').set({ open: true })
I think you can see a working example here in the source code.
At the bottom.
Can you show me a example, if i click on a DIV then i need general to be opened, or when i click on a h1, then i need to open the "typography"?
Thanks alot im new to this.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2770
[QUESTION] Set selected element
Hello, is there a way to select an element after added to the body? When i add a link, i want to open the Component Settings immediately. H...
Issue #2696
[QUESTION]: How can I create block with background image with behavior like built-in "image"?
Hello, I'm trying to create block with background image (similar to Grapedrop Image Box). I added new component like this: And also I added...
Issue #714
Open Style Manager when selecting an element
trying to do this gives the error this.sender.get is not a function grapesjs.min.js toggleSm Basically I want to open the style manager whe...
Issue #3242
BUG: When Style Manager is in another div, the message "Select an element before using Style Manager" is not showing
Version: 0.16.34 What is the expected behavior? When the editor is initialized, no element is selected, so the style manager should say "Se...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.