How to change the default selected panel?

thanks @naveen-15697 your solution works pretty awesome! well done. @romariolopezc does this suit your situation? as suggested by @naveen-15697 you have to go like this:

editor.on('load', () => {
        const blockBtn = editor.Panels.getButton('views', 'open-layers');
        blockBtn.set('active', 1);
})

and the button ids for views panel are:

• open-sm
• open-tm
• open-layers
• open-blocks

cheers!

@pouyamiralayi it doesn't behave as expected.

If I use editor.runCommand('open-blocks') on load, the components icon is not selected. Is appended to the bottom of the style manager

Here the screenshots

@romariolopezc , Instead for running the command. Try activating blocks button on load. const blockBtn = editor.Panels.getButton('panel-id', 'block-button-name'); blockBtn.set('active', 1);

@pouyamiralayi @naveen-15697 it works!!

I use it outside of the load, after initializing grapesjs. If I use it on load then I see a small delay when changing from the style manager to open-blocks. If its after the .init({..}) then when it renders is selected