Problems with Guition 4" 480x480 screen

[svenvdmeer]

This looks like a really cool project and I would like to use it with my Guition 4" 480x480 screen. But I'm running into multiple issues. I don't really know how to start and if I should put all the problems into this one issue. If there is a better way to report this please let me know.

I know that it is experimental but I would like to help to improve that (if possible).

My issues are:

Date & Time widget:

• Text not centered, no background color, no border color.
  In the designer the text is centered and I choose a background and border color and these are not showing on the device. Text color does.

LVGL Template Nav Bar (or Navigation Bar):

• Buttons have a border around them and are not centered on the bar. They don't fully fit in the bar, it looks like they do in the designer. This happens with both the Template Nav Bar in LVGL or Navigation Bar in Inputs

Button Widget and Icon:

• I put an Icon on top of a button widget to add an Icon to the text. I aligned them vertically and grouped them. In the designer it looks good but on the device the icons are higher than the text and not vertically centered.

Base object color:

• I wanted to add a background color so I added a Base Object as the background and gave it a color. But that color is not showing up on my device. It is fully white. Maybe this is the wrong way to set a background color but

Scrollable arguments:

• When compiling I get an error on:
  scrollable: false
  scrollbar_mode: OFF
  in:

        lvgl:
          id: my_lvgl
          log_level: WARN
          bg_color: "0xFFFFFF"
          displays:
            - my_display
          pages:
            - id: page_0
              widgets:
                - obj:
                    id: w_mm10vh14zya4f
                    x: 0
                    y: 0
                    width: 480
                    height: 480
                    scrollable: false
                    scrollbar_mode: OFF
  

False and Off need to be in quotes:
scrollable: "false"
scrollbar_mode: "OFF"

Page switching:

• Page switching does not work with the nav bar. The log says it does but there is no change visible on the screen. I do have 2 distinct pages:
  [10:13:48.254][I][display:215]: Switched to page 1
  [10:13:48.256][D][main:224]: Waiting for sync...
  [10:13:52.149][I][display:215]: Switched to page 0
  [10:13:52.151][D][main:224]: Waiting for sync...
  [10:14:17.695][I][display:215]: Switched to page 1
  [10:14:17.699][D][main:224]: Waiting for sync...

[koosoli]

Hi,

thank you for your report. I tried to fix the issue. Can you give it a quick test? You can test it here: https://github.com/koosoli/ESPHomeDesigner/tree/v1.0.0-rc.8-needsregressiontesting
(needs to be installed manually)
Thank you!