How to change the default display mode of GrapesJS Studio Editor's page from "Desktop" to "Mobile Portrait"？

[2441630833]

The default display mode is Desktop, how to set Mobile Portrait mode as default?

i want to set by grapesjs Studio SDK

Get started with Studio SDK

import createStudioEditor from '@grapesjs/studio-sdk';
import '@grapesjs/studio-sdk/style';

// ...
createStudioEditor({
  // ...
  project: {
    type: 'web',
    // The default project to use for new projects
    default: {
      pages: [
        { name: 'Home', component: '<h1>Home page</h1>' },
        { name: 'About', component: '<h1>About page</h1>' },
        { name: 'Contact', component: '<h1>Contact page</h1>' },
      ]
    },
  }
})

[mosh-tudor]

@2441630833

In Grapesjs there is a "default device" option for DeviceManger, but not sure how to set this in the Studio SDK.
https://github.com/GrapesJS/grapesjs/blob/master/src/device_manager/config/config.ts

You can use this temporarily:

createStudioEditor({
  options={{
    onReady: editor => {
      editor.setDevice('Mobile portrait');
    },

[2441630833]

hi, thanks for the solution, I tried, it doesn’t work

[artf]

wrong id of the device, but setDevice could also work.

Anyway, you can pass the grapesjs options in Studio in this way:

createStudioEditor({
  options={{
    gjsOptions: {
      deviceManager: { default: 'mobilePortrait' }
     }

[2441630833]

These two methods both work. Many thanks!