Change Screen Size

What do you want to achieve?

I want to change the screen size.

I am using an ESP32 called ESP32-S3-LCD-EV-BOARD as my template board type, but actually my ESP32 I am writing the project for is slightly different to that board type, the LCD resolution is different (but nothing else).

So I selected that board type (ESP32-S3-LCD-EV-BOARD), but when I edit the screen size it always resorts back to the 480x480 which is the default size for the board type. My board actually has 480 x 270.

So my question is -

Can I use an existing board type template (eg ESP32-S3-LCD-EV-BOARD) and derive my project from it, and change the fundamental values of it, like the screen resolution ? Or are these attributes fixed ?

If I cant do change these fields, and the board settings are immutabe, Why are these fields editable in the GUI ?

If I cant change the fields, and the board settings are immutabe, then do I need to create a new board template first from the existing one (ESP32-S3-LCD-EV-BOARD), then change my new templates values for things like screen resolution, and then use that new template as the board type for my new project instead of using ESP32-S3-LCD-EV-BOARD ?

What have you tried so far?

I tried changing the DISPLAY PROPERTIES in the PROJECT SETTINGS screen, especially the Width and Height fields, but these fields always revert back to the default board template types resolutions.

Screenshot or video


  • SquareLine Studio version: 1.3.0
  • Operating system: Windows 10
  • Target hardware: ESP32-S3 S043 (4.2" LCD 480x270 + TFT (Resistive))

It is restored to 480x480 as the smallest display that you an buy for this board is 480x480, so you can’t set a smaller resolution.

I suggest selecting a “Desktop board” where you can set any resolution, plus you can test/desvelop your UI on PC.