Read again all documentation about LVGL , can’t find any information about error, which prevent UPDATE to last esphome firmware. My display is working fine with code, which I posted in my post # 333. Any suggestion what to do or what to check. Thank you
Looking at the link, I don’t think thats the correct part.
It looks to be a " Common Mode Inductor / choke" at what value is unknown.
looking at the wire turn count on the proof photo the Inductor has 12 turns, So it think theses in the correct range.
5MH 10MH 15MH 4A Annular Common Mode Filter Inductor 0.6 Wire Choke Ring Inductance 1495mm 2MH 5A 0.7 Wire - AliExpress 13
It’s impossible to know the number of turns from picture on aliepxress, since pic is only a reference (all sellers have pretty much the same pic). Beside, inductance is highly dependant on core type.
But, as said, any will be better than nothing.
Some sellers are better at the actual item photo then others.
Wach out the diameter! Appr. 12-14mm is maximum you can squeeze in…
Good catch.
Also, I was concerned about the turn placement parallel Vs. separate. After brushing up on inductors and reading this post: Common Mode Choke winding differences - Page 1
It matters. The links I posted seem to be for mains voltages and the parallel turn inductors are for low voltages. Like you have posted.
1 Like
Hullo, I got it to compile… I’m not a programmer…
Hopefully will be help…
type or paste code here
```# testing for zenia 19oct24
#
substitutions:
name: "touch-panel"
friendly_name: "Touch Panel"
device_description: "Guition ESP32-S3-4848S040 480*480 Smart Screen"
project_name: "Guition.ESP32_S3_4848S040"
project_version: "1.0.0"
lightbulb: "\U000F0335"
ceiling_light: "\U000F0769"
lamp: "\U000F06B5"
floor_lamp: "\U000F08DD"
string_lights: "\U000F12BA"
clock: "\U000F0150"
ceiling_fan: "\U000F1797"
light_recessed: "\U000F179B"
blinds_horizontal: "\U000F1A2B"
blinds_horizontal_closed: "\U000F1A2C"
curtains_closed: "\U000F1847"
curtains: "\U000F1846"
wallsconce: "\U000F091C"
bed: "\U000F02E3"
bed_empty: "\U000F08A0"
thermometer_high: "\U000F10C2"
humidity: "\U000F058E"
wallsconce_variant: "\U000F091E"
kiss: "\U000F0C73"
hvac: "\U000F0D43"
esphome:
name: "${name}"
friendly_name: "${friendly_name}"
#name_add_mac_suffix: true
project:
name: "${project_name}"
version: "${project_version}"
platformio_options:
board_build.flash_mode: dio
esp32:
board: esp32-s3-devkitc-1
variant: esp32s3
flash_size: 16MB
framework:
type: esp-idf
sdkconfig_options:
COMPILER_OPTIMIZATION_SIZE: y
CONFIG_ESP32S3_DEFAULT_CPU_FREQ_240: "y"
CONFIG_ESP32S3_DATA_CACHE_64KB: "y"
CONFIG_ESP32S3_DATA_CACHE_LINE_64B: "y"
CONFIG_SPIRAM_FETCH_INSTRUCTIONS: y
CONFIG_SPIRAM_RODATA: y
psram:
mode: octal
speed: 80MHz
logger:
api:
encryption:
key: "t6v3XcZv09tWcNbty6MqaemoADnflen/Tf7tsngFYAA="
ota:
password: "75fb0465d4f21e3c40812285f627d29d"
platform: esphome
wifi:
ssid: !secret wifi_ssid
password: !secret wifi_password
web_server:
port: 80
time:
- platform: sntp
id: sntp_time
timezone: America/New_York
servers:
- 0.pool.ntp.org
- 1.pool.ntp.org
- 2.pool.ntp.org
on_time_sync:
- script.execute: time_update
on_time:
- minutes: '*'
seconds: 0
then:
- script.execute: time_update
############ AntiBurn ################
#########################################
script:
- id: time_update
then:
- lvgl.label.update:
id: display_time
text: !lambda |-
static char time_buf[17];
auto now = id(sntp_time).now();
bool is_pm = now.hour >= 12;
int hour_12 = now.hour % 12;
if (hour_12 == 0) {
hour_12 = 12; // 12 AM/PM should be displayed as 12, not 0
}
snprintf(time_buf, sizeof(time_buf), "%2d:%02d%s", hour_12, now.minute, is_pm ? "pm" : "am");
return time_buf;
###################Temp and Humidity ################
sensor:
- platform: homeassistant
entity_id: sensor.atc_7997_temperature
id: outdoor_temperature
on_value:
- lvgl.label.update:
id: temp_text
text:
format: "\U000F10C3 %.1f \U000F0504"
args: [ 'x' ]
- platform: homeassistant
id: room_humidity
entity_id: sensor.atc_7997_humidity
on_value:
- lvgl.label.update:
id: humidity_text
text:
format: "\U000F058E %.1f \U000F03F0"
args: [ 'x' ]
###############Fan######################
- platform: homeassistant
id: master_fan
entity_id: fan.master_fan
attribute: percentage
on_value:
- lvgl.spinbox.update:
id: fan_speed
value: !lambda return x;
################HVAC####################
- platform: homeassistant
id: room_thermostat
entity_id: climate.upstairs
attribute: temperature
on_value:
- lvgl.spinbox.update:
id: spinbox_id
value: !lambda return x;
############Cover##############
- platform: homeassistant
id: cover_myroom_pos
entity_id: cover.shades_curtain
attribute: current_position
on_value:
- if:
condition:
lambda: |-
return x == 100;
then:
- lvgl.widget.update:
id: cov_up_myroom
text_opa: 60%
else:
- lvgl.widget.update:
id: cov_up_myroom
text_opa: 100%
- if:
condition:
lambda: |-
return x == 0;
then:
- lvgl.widget.update:
id: cov_down_myroom
text_opa: 60%
else:
- lvgl.widget.update:
id: cov_down_myroom
text_opa: 100%
###############Backlight Dimmer##################
####Text Sensor####################
text_sensor:
- platform: homeassistant
id: cover_myroom_state
entity_id: cover.shades_curtain
on_value:
- if:
condition:
lambda: |-
return ((0 == x.compare(std::string{"opening"})) or (0 == x.compare(std::string{"closing"})));
then:
- lvgl.label.update:
id: cov_stop_myroom
text: "STOP"
else:
- lvgl.label.update:
id: cov_stop_myroom
text:
format: "%.0f%%"
args: [ 'id(cover_myroom_pos).get_state()' ]
################### Red Lights #######################
switch:
- platform: lvgl
name: Intim Lights
widget: lv_button_8
#on_turn_on:
#then:
#- lvgl.widget.update:
# id: lv_button_8_icon
#text_color: 0xFFFF00
#on_turn_off:
# then:
#- lvgl.widget.update:
#id: lv_button_8_icon
# text_color: 0xB6B6B6
###################### AntiBurn#####################
################binary_sensors###############
# Lights#
binary_sensor:
- platform: homeassistant
id: remote_light1
entity_id: light.over_the_bed_lights
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_1
state:
checked: !lambda return x;
- platform: homeassistant
id: remote_light2
entity_id: light.mirror_lighs
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_2
state:
checked: !lambda return x;
- platform: homeassistant
id: remote_light3
entity_id: light.tv_lights
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_3
state:
checked: !lambda return x;
- platform: homeassistant
id: remote_light4
entity_id: light.irina_s_wall_light
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_4
state:
checked: !lambda return x;
- platform: homeassistant
id: remote_light5
entity_id: light.bed_occupancy_sensor_yevgeniy_lights
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_5
state:
checked: !lambda return x;
- platform: homeassistant
id: remote_light6
entity_id: light.my_wall_light
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_6
state:
checked: !lambda return x;
##################INTIM LIGHTS##################
- platform: homeassistant
id: remote_light8
entity_id: light.intim_lights
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_8
state:
checked: !lambda return x;
#Fan#
- platform: homeassistant
id: remote_fan
entity_id: fan.master_fan
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_10
state:
checked: !lambda return x;
#Covers#
- platform: homeassistant
id: remote_cover
entity_id: cover.master_bedroom_all_covers
publish_initial_state: true
on_state:
then:
lvgl.widget.update:
id: lv_button_11
state:
checked: !lambda return x;
#number:
# __________________________________________________ backlight timeout
#- platform: template
#name: Backlight Timeout
#optimistic: true
#id: backlight_timeout
#unit_of_measurement: "s"
#initial_value: 30
#restore_value: true
#min_value: 10
#max_value: 90
#step: 10
#mode: auto # auto / box / slider
# ======================================================================================
################lvgl Buttons################
lvgl:
displays:
- my_display
touchscreens:
- my_touchscreen
on_idle:
timeout: 120s ###!lambda "return (id(backlight_timeout).state * 1000);" ##fiture use##
then:
- logger.log: "LVGL is idle"
- light.turn_off: backlight
- lvgl.pause:
##########Pages####################
top_layer:
widgets:
- label:
text_font: roboto24
text: "00:00 am"
id: display_time
align: bottom_mid
#x: -2
y: -10
text_align: right
text_color: 0xFFFFFF
- label:
text_font: roboto24
text: "-.- %"
id: humidity_text
align: bottom_right
x: -20
y: -10
text_align: right
text_color: 0xFFFFFF
on_press:
then:
- lvgl.page.show: second_page
- label:
text_font: roboto24
text: "-.-°C"
id: temp_text
align: bottom_left
x: 12
y: -10
#text_align: right
text_color: 0xFFFFFF
on_press:
then:
- lvgl.page.show: main_page
style_definitions:
- id: style_line
line_color: 0x0000FF
line_width: 8
line_rounded: true
- id: date_style
text_font: roboto24
align: center
text_color: 0x333333
bg_opa: cover
radius: 4
pad_all: 2
####Header_Footer##########
- id: header_footer
bg_color: 0x0C7B5F
bg_grad_color: 0x03291F
bg_grad_dir: VER
bg_opa: COVER
border_width: 0
radius: 0
pad_all: 0
pad_row: 0
pad_column: 0
border_color: 0x0077b3
text_color: 0xFFFFFF
width: 100%
height: 30
theme:
button:
text_font: roboto24
scroll_on_focus: true
# group: general
radius: 20
width: 150
height: 96
pad_all: 0
pad_top: 0
pad_bottom: 0
#pad_left: 5px
#pad_top: 5px
#pad_bottom: 5px
#pad_right: 5px
shadow_width: 0
bg_color: 0x0C7B5F
text_color: 0xB6B6B6
checked:
bg_color: 0xCC5E14
text_color: 0xB6B6B6
obj:
text_font: roboto24
scroll_on_focus: true
# group: general
radius: 20
width: 150
height: 100
pad_left: 5px
pad_top: 5px
pad_bottom: 5px
pad_right: 5px
shadow_width: 0
bg_color: 0x0C7B5F
border_color: 0x0C7B5F
text_color: 0xB6B6B6
checked:
bg_color: 0xCC5E14
text_color: 0xB6B6B6
page_wrap: true
pages:
- id: main_page
skip: false
width: 100%
bg_color: 0x000000
bg_opa: cover
pad_all: 5
layout: # enable the FLEX layout for the children widgets
type: FLEX
flex_flow: ROW_WRAP # the order of the widgets starts top left
flex_align_cross: CENTER
widgets:
- obj:
checkable: true
id: lv_button_1
widgets:
- label:
text_font: light32
align: top_left
text: $light_recessed
id: lv_button_1_icon
- label:
align: bottom_mid
text: "Bed Lights"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.over_the_bed_lights
- obj:
checkable: true
id: lv_button_2
widgets:
- label:
text_font: light32
align: top_mid
text: $light_recessed
id: lv_button_2_icon
- label:
align: bottom_mid
text: "Mirror Lights"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.mirror_lighs
- obj:
checkable: true
id: lv_button_3
widgets:
- label:
text_font: light32
align: top_right
text: $light_recessed
id: lv_button_3_icon
- label:
align: bottom_mid
text: "TV Lights"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.tv_lights
- obj:
checkable: true
id: lv_button_4
widgets:
- label:
text_font: light32
align: top_left
text: $wallsconce_variant
id: lv_button_4_icon
- label:
align: bottom_mid
text: "Irina Light"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.irina_s_wall_light
- obj:
checkable: true
id: lv_button_5
widgets:
- label:
text_font: light32
align: top_mid
text: $bed
id: lv_button_5_icon
- label:
align: bottom_mid
text: "Under Bed"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.bed_occupancy_sensor_yevgeniy_lights
- obj:
checkable: true
id: lv_button_6
widgets:
- label:
text_font: light32
align: top_right
text: $wallsconce_variant
id: lv_button_6_icon
- label:
align: bottom_mid
text: "My Light"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.my_wall_light
- obj:
width: 230
checkable: true
id: lv_button_7
widgets:
- label:
text_font: light32
align: top_left
text: $hvac
id: lv_button_7_icon
- label:
align: bottom_left
text_align: center
text: "Hvac"
- obj:
width: 160
height: 80
bg_opa: transp
border_opa: transp
text_font: light32
align: right_mid
widgets:
- button:
id: spin_down
align: left_mid
bg_opa: transp
width: 50
height: 50
on_click:
- lvgl.spinbox.decrement: spinbox_id
widgets:
- label:
align: left_mid
text_align: left
text_font: montserrat_36
text: "-"
- spinbox:
id: spinbox_id
align: CENTER
text_align: CENTER
text_color: 0xB6B6B6
text_font: montserrat_36
bg_opa: transp
border_opa: transp
width: 90
#height: 60
range_from: 18
range_to: 28
step: 0.5
rollover: false
digits: 3
decimal_places: 1
on_value:
then:
- homeassistant.service:
service: climate.set_temperature
data:
temperature: !lambda return x;
entity_id: climate.upstairs
- button:
id: spin_up
align: right_mid
bg_opa: transp
width: 50
height: 50
on_click:
- lvgl.spinbox.increment: spinbox_id
widgets:
- label:
align: right_mid
text_align: right
text_font: montserrat_36
text: "+"
- obj:
width: 230
checkable: true
id: lv_button_8
widgets:
- label:
text_font: light32
align: top_right
text: $kiss
id: lv_button_8_icon
- label:
align: bottom_right
text: "Intim"
long_mode: dot
on_short_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.intim_lights
- obj:
width: 230
checkable: true
id: lv_button_10
widgets:
- label:
text_font: light32
align: top_left
text: $ceiling_fan
id: lv_button_10_icon
- label:
align: bottom_left
text: "Fan"
# long_mode: dot
- obj:
width: 160
height: 80
bg_opa: transp
border_opa: transp
text_font: light32
align: right_mid
widgets:
- button:
id: speed_down
align: left_mid
bg_opa: transp
width: 50
height: 50
on_click:
- lvgl.spinbox.decrement: fan_speed
widgets:
- label:
align: left_mid
text_align: left
text_font: montserrat_36
text: "-"
on_press:
then:
- homeassistant.service:
service: fan.decrease_speed
data:
entity_id: fan.master_fan
- spinbox:
id: fan_speed
align: CENTER
text_align: CENTER
text_color: 0xB6B6B6
text_font: montserrat_36
bg_opa: transp
border_opa: transp
width: 90
#height: 60
range_from: 0
range_to: 100
step: 33.3
rollover: false
digits: 3
#decimal_places: 1
on_value:
then:
- homeassistant.service:
service: fan.set_percentage
data:
percentage: !lambda return x;
entity_id: fan.master_fan
- button:
id: speed_up
align: right_mid
bg_opa: transp
width: 50
height: 50
on_click:
- lvgl.spinbox.increment: fan_speed
widgets:
- label:
align: right_mid
text_align: right
text_font: montserrat_36
text: "+"
on_press:
then:
- homeassistant.service:
service: fan.increase_speed
data:
entity_id: fan.master_fan
on_short_click:
- homeassistant.service:
service: fan.toggle
data:
entity_id: fan.master_fan
- obj:
width: 230
checkable: true
id: lv_button_11
widgets:
- label:
text_font: light32
align: top_right
text: $curtains
id: lv_button_11_icon
- label:
align: bottom_right
text: "Curtains"
#long_mode: dot
on_short_click:
- homeassistant.service:
service: cover.toggle
data:
entity_id: cover.master_bedroom_all_covers
############## Second Page#######################
- id: second_page
skip: true
#layout: flex
#flex_flow: row_WRAP
width: 100%
bg_color: 0x000000
bg_opa: cover
pad_all: 5
layout: # enable the FLEX layout for the children widgets
type: FLEX
flex_flow: ROW_WRAP # the order of the widgets starts top left
flex_align_cross: CENTER
widgets:
############## Covers###################
- button:
x: 10
y: 30
width: 70
height: 68
widgets:
- label:
id: cov_up_myroom
align: CENTER
text: "\U000F0143"
on_press:
then:
- homeassistant.service:
service: cover.open
data:
entity_id: cover.shades_curtain
- button:
x: 10
y: 103
width: 70
height: 68
widgets:
- label:
id: cov_stop_myroom
align: CENTER
text: STOP
on_press:
then:
- homeassistant.service:
service: cover.stop
data:
entity_id: cover.shades_curtain
- button:
x: 10
y: 178
width: 70
height: 68
widgets:
- label:
id: cov_down_myroom
align: CENTER
text: "\U000F0140"
on_press:
then:
- homeassistant.service:
service: cover.close
data:
entity_id: cover.shades_curtain
######################Backlight Dimmer####################
- slider:
id: slider_all
align: bottom_mid
height: 20
width: 260
min_value: 30 #anything below is too dark for me
max_value: 100
on_release:
then:
- light.turn_on:
id: backlight
brightness: !lambda return int(x)/ 100.0;
#- lvgl.widget.hide: slider_pop
####################HVAC##############################
#-------------------------------------------
# Internal outputs
#-------------------------------------------
output:
# Backlight LED
- platform: ledc
pin: GPIO38
id: GPIO38
frequency: 100Hz
# Built in 120v relay
- id: internal_relay_1
platform: gpio
pin: 40
#-------------------------------------------
# LIGHTS
#-------------------------------------------
light:
- platform: monochromatic
output: GPIO38
name: Backlight
id: backlight
restore_mode: ALWAYS_ON
#-------------------------------------------
# Graphics and Fonts
#-------------------------------------------
image:
- file: https://esphome.io/_images/logo.png
id: boot_logo
resize: 200x200
type: RGB565
- file: "fonts/wall-sconce-180.svg"
id: wallsconce_180
resize: 20x20
font:
- file: "gfonts://Roboto"
id: roboto24
size: 24
bpp: 4
extras:
- file: 'fonts/materialdesignicons-webfont.ttf' # http://materialdesignicons.com/cdn/7.4.47/
glyphs: [
"\U000F004B",
"\U0000f0ed",
"\U000F006E",
"\U000F012C",
"\U000F179B",
"\U000F0748",
"\U000F1A1B",
"\U000F02DC",
"\U000F0A02",
"\U000F035F",
"\U000F0156",
"\U000F0C5F",
"\U000f0084",
"\U000f0091",
"\U000F058E",
"\U000F10C3",
"\U000F03F0", # mdi-percent
"\U000F0504", # mdi- celcius
"\U000F091E",
"\U000F0143", # mdi-arrow_up
"\U000F0140", # mdi-arrow_down
]
- file: 'fonts/materialdesignicons-webfont.ttf' # http://materialdesignicons.com/cdn/7.4.47/
id: weather70
size: 70
bpp: 4
glyphs: &mdi-weather-glyphs
- "\U000F0590" # mdi-weather-cloudy
- "\U000F0F2F" # mdi-weather-cloudy-alert
- "\U000F0E6E" # mdi-weather-cloudy-arrow-right
- "\U000F0591" # mdi-weather-fog
- "\U000F0592" # mdi-weather-hail
- "\U000F0F30" # mdi-weather-hazy
- "\U000F0898" # mdi-weather-hurricane
- "\U000F0593" # mdi-weather-lightning
- "\U000F067E" # mdi-weather-lightning-rainy
- "\U000F0594" # mdi-weather-clear-night
- "\U000F0F31" # mdi-weather-night-partly-cloudy
- "\U000F0595" # mdi-weather-partly-cloudy
- "\U000F0F32" # mdi-weather-partly-lightning
- "\U000F0F33" # mdi-weather-partly-rainy
- "\U000F0F34" # mdi-weather-partly-snowy
- "\U000F0F35" # mdi-weather-partly-snowy-rainy
- "\U000F0596" # mdi-weather-pouring
- "\U000F0597" # mdi-weather-rainy
- "\U000F0598" # mdi-weather-snowy
- "\U000F0F36" # mdi-weather-snowy-heavy
- "\U000F067F" # mdi-weather-snowy-rainy
- "\U000F0599" # mdi-weather-sunny
- "\U000F0F37" # mdi-weather-sunny-alert
- "\U000F14E4" # mdi-weather-sunny-off
- "\U000F059A" # mdi-weather-sunset
- "\U000F059B" # mdi-weather-sunset-down
- "\U000F059C" # mdi-weather-sunset-up
- "\U000F0F38" # mdi-weather-tornado
- "\U000F059D" # mdi-weather-windy
- "\U000F059E" # mdi-weather-windy-variant
- file: 'fonts/materialdesignicons-webfont.ttf' # http://materialdesignicons.com/cdn/7.4.47/
id: light32
size: 32
bpp: 4
glyphs: [
"\U000F0335", # mdi-lightbulb
"\U000F0769", # mdi-ceiling-light
"\U000F08DD", # mdi-floor-lamp
"\U000F12BA", # mdi-string-lights
"\U000F0150", # mdi-clock
"\U000F1797", # mdi-ceiling_fan
"\U000F179B", # mdi-light_recessed
"\U000F1A2B", # mdi-blinds_horizontal
"\U000F1A2C", # mdi-blinds_horizontal_closed
"\U000F1847", # mdi-curtains_closed
"\U000F1846", # mdi-curtains
"\U000F091C", # mdi-wallsconce
"\U000F02E3", # mdi-bed
"\U000F08A0", # mdi-bed_empty
"\U000F10C2", # mdi-thermometer_high
"\U000F058E", # mdi-humidity
"\U000F091E", # mdi-wallsconce_variant
"\U000F0C73", # mdi-kiss
"\U000F0D43", # mdi- hvac
]
- file: "gfonts://Roboto"
id: roboto10
size: 10
bpp: 4
#-------------------------------------------
# Touchscreen gt911 i2c
#-------------------------------------------
i2c:
- id: bus_a
sda: GPIO19
scl: GPIO45
#frequency: 100kHz
touchscreen:
platform: gt911
id: my_touchscreen
transform:
mirror_x: false
mirror_y: false
display: my_display
on_touch:
- logger.log:
format: Touch at (%d, %d)
args: [touch.x, touch.y]
- lambda: |-
ESP_LOGI("cal", "x=%d, y=%d, x_raw=%d, y_raw=%0d",
touch.x,
touch.y,
touch.x_raw,
touch.y_raw
);
on_release:
then:
- if:
condition: lvgl.is_paused
then:
- logger.log: "LVGL resuming"
- lvgl.resume:
- lvgl.widget.redraw:
- light.turn_on: backlight
#-------------------------------------------
# Display st7701s spi
#-------------------------------------------
spi:
- id: lcd_spi
clk_pin: GPIO48
mosi_pin: GPIO47
display:
- platform: st7701s
id: my_display
update_interval: never
auto_clear_enabled: false
data_rate: 2MHz
spi_mode: MODE3
color_order: RGB
invert_colors: false
dimensions:
width: 480
height: 480
transform:
mirror_x: false
mirror_y: false
cs_pin: 39
# reset not defined
de_pin: 18
hsync_pin: 16
vsync_pin: 17
pclk_pin: 21
init_sequence:
- 1
- [0xFF, 0x77, 0x01, 0x00, 0x00, 0x10] # CMD2_BKSEL_BK0
- [0xCD, 0x00] # disable MDT flag
pclk_frequency: 12MHz
pclk_inverted: false
data_pins:
red:
- 11 # R1
- 12 # R2
- 13 # R3
- 14 # R4
- 0 # R5
green:
- 8 # G0
- 20 # G1
- 3 # G2
- 46 # G3
- 9 # G4
- 10 # G5
blue:
- 4 # B1
- 5 # B2
- 6 # B3
- 7 # B4
- 15 # B5
PLEASE assume any changes I made are sus… 
1 Like
Thank you for your support. I copy and paste your code, and it’s let me compile without any problem
I briefly compare your code to mine and didn’t find any difference. Not at home yet( did it remotely )
Will check the result later and let you know how it is on actual devices. Thank you again for your help
@groveh1 Thank you again. Everything is working, and no changes in interface. Still can’t see a difference between your and my codes,but it’s not important. Main thing is updates and works.
The error is saying that at least one page must not be skipped. You must be skipping all the pages you’ve created in LVGL. Add “skip: false” to at least one page e.g:
- id: main_page
skip: false
1 Like
I see it now, thank you for pointing me the right direction.
My previous code:
New , thank to @groveh1 is correct
Thank you guys for your help. Learn from bright people in our community every day
so im having some issues making this modular so i can update the value of a temp.
what im trying to do is set a ‘tado’ switch on the panel each of which reads the current room temperature from climate.roomname (although the temperature is not the state, the state is ‘auto/off/heat’, so im not entirely sure how to read the ‘current_temperature’ attribute of this entity_.
- platform: homeassistant
id: button_${id}_text
entity_id: button_${id}_device
entity_category: diagnostic
unit_of_measurement: "C"
on_value:
then:
- lvgl.label.update:
id: label_lv_button_${id}_text
text:
format: "Temp: %.0fC"
args: [ 'id(lv_button${id}_text).state' ]
above is the ‘set state of button’ logged under ‘sensors’
---
# Basic climage control switch button - define its setting in substitutions
height: ${hight}
checkable: true
id: lv_button_${id}
widgets:
- label:
text_font: $icon_font
align: top_left
id: lv_button_${id}_icon
text: $button_${id}_icon
- label:
align: bottom_left
id: lv_button_${id}_text
text: "Temp N/A"
on_click:
- homeassistant.service:
service: tado.set_climate_timer
data:
entity_id: $button_${id}_device
temperature: $button_${id}_temp
time_period: $button_${id}_time
above is the ‘climate button’
button_6_name: "OmarHeat"
button_6_id: button_6
button_6_icon: $radiator
button_6_device: "climate.omar_s_room"
button_6_temp: "25.0"
button_6_time: "0:25:00"
that is the substitution.
all i seem to be getting is this error
text_sensor.unknown: [source /config/esphome/esphome-web-d7a2e0.yaml:139]
Platform schemas must be key-value pairs.
- platform: homeassistant
id: button_6_text
entity_id: button_6_device
entity_category: diagnostic
unit_of_measurement: C
on_value:
then:
- lvgl.label.update:
id: label_lv_button_6_text
text:
format: Temp: %.0fC
args:
If you need to read an attribute you need to add the attribute detail to your sensor so it knows what to read. e.g:
- platform: homeassistant
id: button_${id}_text
entity_id: button_${id}_device
entity_category: diagnostic
unit_of_measurement: "C"
attribute: current_temperature
on_value:
You should also really be doing this under sensor: not text_sensor: to pull the float value back.
Hi everyone,
I’m struggling playing with this guition for a while and after trying to use OpenHASP I came upon this topic and tried using ESPHOME which feels so much more understandable to me.
I’ve got my plate up & running and I’m adding buttons one by one, trying to make something nice and usable that fits my needs.
I have a question though :
I’m trying to setup a button that controls a light (yeelight led bulb), but I would like that when I long press the button, it opens a rainbow circle that I could pick color from (like the lovelace card more or less).
Here’s where I am as for now :
-
I copied the basic_light_switch_button.yaml and named it dimmer_light_switch_button_rainbow.yaml
-
I added the following code at the end in it :
on_long_press: min_lenght: 1000ms then: - homeassistant.service: service: switch.toggle effect: color_wheel data: entity_id: $button_${id}_device
Don’t laugh I’m a total beginner in coding in Yaml and I still have a hard time understanding what is LVGL related and what is homeassistant, and how do all this interacts… 
I’m feeling I’m not on the right path, but even with the LVGL documentation, I still don’t understand what is dependant from the widget or anything else.
In short, I’m lost… Can anyone help me ?
BTW if you’ve got any article or documentation that explains the LVGL concepts in a simple way, and how it interacts with HA, I’m interested !
And thanks @andrew_NH for the awesome work !
Edit: I feel like it is not possible at the moment, I assume that we can only rely on the differents widget types implemented in LVGL for now, which are listed here Widgets — LVGL documentation and does not contain what I’m looking for… Am I Right ?
Edit 2 : The extra widget color_wheel seems promessing, but no idea on how to implement it in yaml and what is the structure
I updated my panel, and also got images for weather to work with scripts. The idea iof the layout is inspired on nspanel blueprint
4 Likes
Hello all - when using Andrews code in post 282 with the slider and using it to dimme the light. When the light is off, the slider is jumping to the top, and not to the bottom og the widget. I’m using the same code as Andrew ?
Thanks for the help