Thanks very much ! I use your yalm configurations a lot and it really helps me a lot.
I have a question that your experience would have already answered. When changing an image for a text button, for example, I have a not pretty effect of a bad refresh as these screens do not have the possibility of taking images with a transparent background, what is the best way to change the image of a button in a fluid way?
your yalm file is incredibly clean and comprehensive, I’m impressed!
Blush!
My understanding is that transparent images aren’t supported in Nextion. I’ve therefore been crude and used a fixed background colour and simple changes (eg I use the mdi icons for lights and exported two versions with the fixed background and black foreground for off and yellow for on).
# NSPANEL YAML BY LOVEJOY777
# Version 012-03-2022 github: https://github.com/lovejoy777
#
# CREDIT & THANKS TO THE FOLLOWING.
# INITIAL WORK: Masto github: https://github.com/
# FULLY CUSTOMIZED FIRMWARE: Marcfager github: https://github.com/marcfager/nspanel-mf.
# global varibles
globals:
- id: current_target_temp_val
type: float
restore_value: true
initial_value: '12'
- id: current_lightslider_val
type: int
restore_value: true
initial_value: '60'
- id: brightness_lounge_val
type: int
restore_value: true
initial_value: '100'
# SUBSTITUTIONS ##
substitutions:
node_name: nspanel
device_name: NSPanel
target_lights_01: light.lounge_spots_val
# EXTERNAL COMPONENTS ##
# Functionality for the Nextion display
external_components:
- source: github://pr#2956
components: [nextion]
refresh: 1h
## ESP HOME CONFIG ##
esphome:
name: $node_name
comment: $device_name
# TYPE OF BOARD
esp32:
board: esp32dev
## WIFI SETUP ##
# Wifi settings. Add these to your secrets.yaml. fast_connect must be true for a hidden ssid.
wifi:
ssid: !secret wifi_ssid
password: !secret wifi_password
# fast_connect: !secret wifi_fast_connect
captive_portal:
# OTA (Over the air updates) password. Add to your secrets.yaml
ota:
password: !secret ota_password
## LOGGER ##
# Logger. Disable the temperature sensor etc. to focus on the HMI development
logger:
baud_rate: 0
level: DEBUG
logs:
sensor: WARN
resistance: WARN
text_sensor: WARN
ntc: WARN
## API SERVICES ##
# API. Add api_pwd to your secrets.yaml.
api:
services:
# SERVICE TO PLAY A RTTTL TONE.
- service: play_rtttl
variables:
song_str: string
then:
- rtttl.play:
rtttl: !lambda 'return song_str;'
# SERVICE TO UPDATE THE HMI FILE.
- service: upload_tft
then:
- lambda: 'id(disp1)->upload_tft();'
# SERVICE TO WAKE THE SCREEN.
- service: wakeup_screen
then:
- lambda: |-
id(disp1).send_command_printf("page 0");
## BUZZER ##
# CONFIGURE INTERNAL BUZZER.
output:
# BUZZER FOR PLAYING RINGTONES.
- platform: ledc
id: buzzer_out
pin:
number: 21
# ENABLE RINGTONE MUSIC SUPPORT.
rtttl:
id: buzzer
output: buzzer_out
## TIME ##
# Time component that fetches time from Home Assistant and updates the display once a minute and when the display is ready at bootup (and time is available).
time:
- platform: homeassistant
id: homeassistant_time
on_time:
- seconds: 0
minutes: /1
then:
- lambda: id(disp1).set_component_text_printf("time", "%02i:%02i", id(homeassistant_time).now().hour, id(homeassistant_time).now().minute);
- lambda: id(disp1).set_component_text_printf("date", "%i-%02i-%02i", id(homeassistant_time).now().day_of_month, id(homeassistant_time).now().month, id(homeassistant_time).now().year);
on_time_sync:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("time", "%02i:%02i", id(homeassistant_time).now().hour, id(homeassistant_time).now().minute);
- lambda: id(disp1).set_component_text_printf("date", "%i-%02i-%02i", id(homeassistant_time).now().day_of_month, id(homeassistant_time).now().month, id(homeassistant_time).now().year);
# BINARY SENSOR ################################################################
binary_sensor:
#### SLIDER TESTING
# - platform: nextion
# name: $device_name Brightness Slider
# page_id: 2
# component_id: 24
# internal: true
# on_release:
# then:
# - lambda: !lambda |-
# id(brightness_value).update();
# LEFT BUTTON BELOW DISPLAY.
- platform: gpio
name: $device_name Left Button
pin:
number: 14
inverted: true
on_click:
- switch.toggle: relay_1
# RIGHT BUTTON BELOW DISPLAY.
- platform: gpio
name: $device_name Right Button
pin:
number: 27
inverted: true
on_click:
- switch.toggle: relay_2
# THERMOSTAT UP BUTTON INCREASES CLIMATE TARGET TEMPERATURE IN HA.
- platform: nextion
name: $device_name Target Up
page_id: 7
component_id: 12
on_click:
# - rtttl.play: "twobits:d=4,o=0,b=6000:a0"
- homeassistant.service:
service: climate.set_temperature
data_template:
entity_id: climate.lounge
temperature: !lambda "return id(current_target_temp_val) + 1;"
# THERMOSTAT DOWN BUTTON DECREASES CLIMATE TARGET TEMPERATURE IN HA.
- platform: nextion
name: $device_name Target Dn
page_id: 7
component_id: 13
on_click:
# - rtttl.play: "twobits:d=4,o=0,b=6000:a0"
- homeassistant.service:
service: climate.set_temperature
data_template:
entity_id: climate.lounge
temperature: !lambda "return id(current_target_temp_val) - 1;"
# LIGHTS SETS LIGHTS BRIGHTNESS FROM GLOBAL VARIBLE.
- platform: nextion
name: $device_name light_slider
page_id: 2
component_id: 24
on_release:
- delay: 0.2s
- homeassistant.service:
service: light.turn_on
data:
entity_id: light.lounge_spots
brightness: !lambda "return id(current_lightslider_val);"
- globals.set:
id: current_lightslider_val
value: !lambda "return id(current_lightslider_val);"
# HEATING STATE BINARY FROM HASSIO
- platform: homeassistant
entity_id: binary_sensor.heating_state
name: "Heating State Binary"
id: heating_state_binary
# internal: true
# HEATING STATE BINARY FROM HASSIO
- platform: homeassistant
entity_id: binary_sensor.water_state
name: "Water State Binary"
id: water_state_binary
## SETTINGS PAGE BINARY SENSORS
# SETTINGS AUTO HOME HOTSPOT BANARY SENSOR.
- platform: nextion
name: $device_name Auto Home
page_id: 6
component_id: 14
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.autohome_light
# SETTINGS AUTO HOME STATE FROM HASSIO
- platform: homeassistant
entity_id: binary_sensor.nspanel_auto_home
name: "Auto Home State Binary"
id: auto_home_state_binary
# internal: true
# SETTINGS AUTO DIM HOTSPOT BANARY SENSOR.
- platform: nextion
name: $device_name Auto Dim
page_id: 6
component_id: 15
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.autodim_light
# SETTINGS AUTO DIM STATE FROM HASSIO
- platform: homeassistant
entity_id: binary_sensor.nspanel_auto_dim
name: "Auto Dim State Binary"
id: auto_dim_state_binary
# internal: true
# SETTINGS AUTO SCREENSAVER HOTSPOT BANARY SENSOR.
- platform: nextion
name: $device_name Auto Screensaver
page_id: 6
component_id: 16
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.autoscreensaver_light
# SETTINGS AUTO SCREENSAVER STATE FROM HASSIO
- platform: homeassistant
entity_id: binary_sensor.nspanel_auto_screensaver
name: "Auto Screensaver State Binary"
id: auto_screensaver_state_binary
# internal: true
## MUSIC PAGE BINARY SENSORS
# MUSIC PLAY/PAUSE HOTSPOT
- platform: nextion
name: $device_name Music play pause
page_id: 1
component_id: 1
on_click:
- homeassistant.service:
service: media_player.media_play_pause
data:
entity_id: media_player.kitchen_speaker
# MUSIC VOLUME DOWN HOTSPOT
- platform: nextion
name: $device_name Music voldown
page_id: 1
component_id: 5
on_click:
- homeassistant.service:
service: media_player.volume_down
data:
entity_id: media_player.kitchen_speaker
# MUSIC VOLUME UP HOTSPOT
- platform: nextion
name: $device_name Music volup
page_id: 1
component_id: 6
on_click:
- homeassistant.service:
service: media_player.volume_up
data:
entity_id: media_player.kitchen_speaker
# MUSIC PLAYLIST 1 HOTSPOT
- platform: nextion
name: $device_name Music Playlist 1 button
page_id: 1
component_id: 7
on_click:
- homeassistant.service:
service: homeassistant.turn_on
data:
entity_id: input_boolean.play_smoothfm
- delay: 0.2s
- homeassistant.service:
service: homeassistant.turn_off
data:
entity_id: input_boolean.play_smoothfm
# MUSIC PLAYLIST 2 HOTSPOT
- platform: nextion
name: $device_name Music Playlist 2 button
page_id: 1
component_id: 8
on_click:
- homeassistant.service:
service: homeassistant.turn_on
data:
entity_id: input_boolean.play_bbc1
- delay: 0.2s
- homeassistant.service:
service: homeassistant.turn_off
data:
entity_id: input_boolean.play_bbc1
# MUSIC PLAYLIST 3 HOTSPOT
- platform: nextion
name: $device_name Music Playlist 3 button
page_id: 1
component_id: 9
on_click:
- homeassistant.service:
service: homeassistant.turn_on
data:
entity_id: input_boolean.play_bbc2
- delay: 0.2s
- homeassistant.service:
service: homeassistant.turn_off
data:
entity_id: input_boolean.play_bbc2
# MUSIC PLAYLIST 4 HOTSPOT
- platform: nextion
name: $device_name Music Playlist 4 button
page_id: 1
component_id: 10
on_click:
- homeassistant.service:
service: homeassistant.turn_on
data:
entity_id: input_boolean.play_bbc4
- delay: 0.2s
- homeassistant.service:
service: homeassistant.turn_off
data:
entity_id: input_boolean.play_bbc4
## LIGHTS PAGE BINARY SENSORS
# LIGHT 1 HOTSPOT
- platform: nextion
name: $device_name Light 0 button
page_id: 2
component_id: 13
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.kitchen_spots
# LIGHT 2 HOTSPOT
- platform: nextion
name: $device_name Light 1 button
page_id: 2
component_id: 14
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.unit_lights
# LIGHT 3 HOTSPOT
- platform: nextion
name: $device_name Light 2 button
page_id: 2
component_id: 19
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.unit_lights_2
# LIGHT 4 HOTSPOT
- platform: nextion
name: $device_name Light 3 button
page_id: 2
component_id: 20
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.lounge_spots
# LIGHT 5 HOTSPOT
- platform: nextion
name: $device_name Light 4 button
page_id: 2
component_id: 21
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.lounge_lamp_1
# LIGHT 6 HOTSPOT
- platform: nextion
name: $device_name Light 5 button
page_id: 2
component_id: 22
on_click:
- homeassistant.service:
service: light.toggle
data:
entity_id: light.lounge_lamp_2
## SENSORS #####################################################################
sensor:
# INTERNAL TEMPERATUE SENSOR, ADC VALUE.
- platform: adc
id: ntc_source
pin: 38
update_interval: 10s
attenuation: 11db
# INTERNAL TEMPERATUE SENSOR, adc reading converted to resistance (calculation)
- platform: resistance
id: resistance_sensor
sensor: ntc_source
configuration: DOWNSTREAM
resistor: 11.2kOhm
# INTERNAL TEMPERATUE SENSOR, resistance to temperature (calculation)
- platform: ntc
id: temperature
sensor: resistance_sensor
calibration:
b_constant: 3950
reference_temperature: 25°C
reference_resistance: 10kOhm
name: $device_name Temperature
# UPTIME FOR DISPLAY. Also updates a human readable one (further down)
- platform: uptime
name: $device_name Uptime Sensor
id: uptime_sensor
update_interval: 60s
on_raw_value:
then:
- text_sensor.template.publish:
id: uptime_human
state: !lambda |-
int seconds = round(id(uptime_sensor).raw_state);
int days = seconds / (24 * 3600);
seconds = seconds % (24 * 3600);
int hours = seconds / 3600;
seconds = seconds % 3600;
int minutes = seconds / 60;
seconds = seconds % 60;
return (
(days ? to_string(days) + "d " : "") +
(hours ? to_string(hours) + "h " : "") +
(minutes ? to_string(minutes) + "m " : "") +
(to_string(seconds) + "s")
).c_str();
# WIFI SIGNAL STRENGTH SENSOR.
- platform: wifi_signal
name: $device_name WiFi Signal Sensor
update_interval: 60s
# CURRENT PAGE DISPLAYED ON HMI.
- platform: nextion
name: $device_name Current display page
id: disp1_current_page
variable_name: dp
update_interval: 1s
# HOME TEMPERATURE NOW FROM HA.
- platform: homeassistant
id: current_temperature
entity_id: weather.home
attribute: temperature
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Home.temp", "%.1f", id(current_temperature).state);
# HOME TEMPERATURE FEELS LIKE FROM HA.
- platform: homeassistant
id: temp_feelslike
entity_id: sensor.home_temperature_feels_like
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Home.tempfl", "%.1f", id(temp_feelslike).state);
# THERMOSTAT KITCHEN NSPANEL TEMPERATURE FROM HA.
- platform: homeassistant
id: kitchen_temperature
entity_id: sensor.nspanel_temperature
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Thermostat.cctemp", "%.0f", id(kitchen_temperature).state);
# THERMOSTAT HOT WATER TEMP FROM HA.
- platform: homeassistant
id: hotwater_temperature
entity_id: sensor.water_temp
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Thermostat.hwtemp_txt", "%.0f", id(hotwater_temperature).state);
# THERMOSTAT CLIMATE TARGET TEMPERATURE FROM HA.
- platform: homeassistant
id: target_temperature
entity_id: sensor.target_temp_2
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- globals.set:
id: current_target_temp_val
value: !lambda 'return int(x);'
- lambda: id(disp1).set_component_text_printf("Thermostat.cttemp", "%.0f", id(current_target_temp_val));
# LIGHTS GET VALUE FROM SLIDER AND SET GLOBAL VARIBLE.
- platform: nextion
id: lightslider
name: $device_name lightslider
variable_name: lightslider
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Lights.t1", "%i", id(current_lightslider_val));
- globals.set:
id: current_lightslider_val
value: !lambda 'return int(x);'
# Lights LOUNGE SPOTS BRIGHTNESS FROM HA.
# - platform: homeassistant
# id: brightness_lounge_spots_val
# entity_id: sensor.brightness_lounge_spots
# on_value:
# then:
# - wait_until:
# switch.is_on: nextion_init
#
# - globals.set:
# id: brightness_lounge_val
# value: !lambda 'return int(x);'
#
# - lambda: id(disp1).set_component_text_printf("Lights.t1", "%i", id(brightness_lounge_val));
## SLIDER TESTING
# - platform: homeassistant
# id: current_brightness
# entity_id: $target_lights_01
# attribute: brightness
# on_value:
# then:
# - lambda: 'id(disp1).send_command_printf("Lights.lightslider.val=%i", (int)x);'
# - platform: nextion
# id: brightness_value
# variable_name: lightslider
# on_value:
# then:
# - lambda: 'id(disp1).set_component_text_printf("Lights.t1", "%.0f", id(brightness_value).state);'
# - homeassistant.service:
# service: light.turn_on
# data:
# entity_id: $target_lights_01
# brightness: !lambda 'return int(x);'
## TEXT SENSOR ################################################################################################################
text_sensor:
# ESPHome version used to compile the app
- platform: version
name: $device_name ESPHome Version
# SUN SENSOR FROM HA.
- platform: homeassistant
id: sun_sun
entity_id: sun.sun
# Uptime in a human readable form. Updated from the uptime sensor
- platform: template
name: $device_name Uptime Human Readable
id: uptime_human
icon: mdi:clock-start
# HOME/THERMOSTAT HEATING ICONS.
- platform: homeassistant
entity_id: binary_sensor.heating_state
name: "Heating State"
id: heating_state
# internal: true
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=52;
if (id(heating_state).state == "on") {
symbol=53;
}
id(disp1).send_command_printf("Home.heating_symbol.pic=%i", symbol);
id(disp1).send_command_printf("Thermostat.heating_symbol.pic=%i", symbol);
# HOME/THERMOSTAT HOT WATER ICONS.
- platform: homeassistant
entity_id: binary_sensor.water_state
name: "Water State"
id: water_state
# internal: true
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=54; // 5 is a empty box for btn_b1.
if (id(water_state).state == "on") {
symbol=55;
}
id(disp1).send_command_printf("Home.water_symbol.pic=%i", symbol);
id(disp1).send_command_printf("Thermostat.water_symbol.pic=%i", symbol);
# SETTINGS AUTO HOME ICONS.
- platform: homeassistant
id: auto_home_state
entity_id: binary_sensor.auto_home_state
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=60; // on state pic for btn_b1.
if (id(auto_home_state).state == "on") {
symbol=61;
}
id(disp1).send_command_printf("Settings.p0.pic=%i", symbol);
# SETTINGS AUTO DIM ICONS.
- platform: homeassistant
id: auto_dim_state
entity_id: binary_sensor.auto_dim_state
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=62; // on state pic for btn_b1.
if (id(auto_dim_state).state == "on") {
symbol=63;
}
id(disp1).send_command_printf("Settings.p1.pic=%i", symbol);
# SETTINGS AUTO SCREENSAVER ICONS.
- platform: homeassistant
id: auto_screensaver_state
entity_id: binary_sensor.auto_screensaver_state
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=64; // on state pic for btn_b1.
if (id(auto_screensaver_state).state == "on") {
symbol=65;
}
id(disp1).send_command_printf("Settings.p2.pic=%i", symbol);
# THERMOSTAT HVAC_ACTION FROM HA ICONS.
- platform: homeassistant
entity_id: climate.lounge
attribute: hvac_action
id: mode_state
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Thermostat.state_txt", "%s", id(mode_state).state.c_str());
# MUSIC PLAYER PLAYING ARTIST FROM HA
- platform: homeassistant
id: music_artist
entity_id: media_player.kitchen_speaker
attribute: media_artist
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Music.music_sn", "%s", id(music_artist).state.c_str());
# MUSIC PLAYER PLAYING TITLE FROM HA
- platform: homeassistant
id: music_title
entity_id: media_player.kitchen_speaker
attribute: media_title
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: id(disp1).set_component_text_printf("Music.music_an", "%s", id(music_title).state.c_str());
## WEATHER ##
# WEATHER SYMBOL FROM HA WEATHER ENTITY.
- platform: homeassistant
id: weather_symbol
entity_id: weather.home
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol=8; // 5 is a empty box.
if (id(weather_symbol).state == "clear-night") {
symbol=9;
} else if (id(weather_symbol).state == "cloudy") {
symbol=10;
if (id(sun_sun).state == "below_horizon") {
symbol=9;
}
} else if (id(weather_symbol).state == "fog") {
symbol=11;
} else if (id(weather_symbol).state == "hail" || id(weather_symbol).state == "snowy-rainy") {
symbol=15;
} else if (id(weather_symbol).state == "lightning") {
symbol=14;
} else if (id(weather_symbol).state == "lightning-rainy" || id(weather_symbol).state == "exceptional") {
symbol=21;
if (id(sun_sun).state == "below_horizon") {
symbol=20;
}
} else if (id(weather_symbol).state == "partlycloudy") {
symbol=16;
if (id(sun_sun).state == "below_horizon") {
symbol=17;
}
} else if (id(weather_symbol).state == "pouring") {
symbol=12;
} else if (id(weather_symbol).state == "rainy") {
symbol=18;
} else if (id(weather_symbol).state == "snowy") {
symbol=13;
} else if (id(weather_symbol).state == "sunny") {
symbol=22;
if (id(sun_sun).state == "below_horizon") {
symbol = 9;
}
} else if (id(weather_symbol).state == "windy" || id(weather_symbol).state == "windy-variant") {
symbol=23;
}
id(disp1).send_command_printf("Home.weather_symbol.pic=%i", symbol);
## LIGHTS ##
# LIGHTS SETUP LIGHT 1.
- platform: homeassistant
id: first
entity_id: light.kitchen_spots
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 73;
if (id(first).state == "on") {
symbol=74;
}
id(disp1).send_command_printf("Lights.light0.pic=%i", symbol);
# LIGHTS SEND IMAGE LIGHT 1.
# - platform: homeassistant
# id: first_name
# entity_id: light.kitchen_spots
# attribute: friendly_name
# on_value:
# then:
# - wait_until:
# switch.is_on: nextion_init
# - lambda: id(disp1).set_component_text_printf("Lights.light0t", "%s", id(first_name).state.c_str());
# LIGHTS SETUP LIGHT 2.
- platform: homeassistant
id: second
entity_id: light.unit_lights
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 75;
if (id(second).state == "on") {
symbol=76;
}
id(disp1).send_command_printf("Lights.light1.pic=%i", symbol);
# LIGHTS SETUP LIGHT 3.
- platform: homeassistant
id: third
entity_id: light.unit_lights_2
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 77;
if (id(third).state == "on") {
symbol=78;
}
id(disp1).send_command_printf("Lights.light2.pic=%i", symbol);
# LIGHTS SETUP LIGHT 4.
- platform: homeassistant
id: fourth
entity_id: light.lounge_spots
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 79;
if (id(fourth).state == "on") {
symbol=80;
}
id(disp1).send_command_printf("Lights.light3.pic=%i", symbol);
# LIGHTS SETUP LIGHT 5.
- platform: homeassistant
id: fith
entity_id: light.lounge_lamp_1
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 81;
if (id(fith).state == "on") {
symbol=82;
}
id(disp1).send_command_printf("Lights.light4.pic=%i", symbol);
# LIGHTS SETUP LIGHT 6.
- platform: homeassistant
id: sixth
entity_id: light.lounge_lamp_2
on_value:
then:
- wait_until:
switch.is_on: nextion_init
- lambda: |-
int symbol = 83;
if (id(sixth).state == "on") {
symbol=84;
}
id(disp1).send_command_printf("Lights.light5.pic=%i", symbol);
## SWITCHES ####################################################################
switch:
# global variable to keep track on whether the Nextion display is ready or not. Delays initial info from HA to the display.
- platform: template
name: $device_name Nextion inited
id: nextion_init
entity_category: config
restore_state: false
assumed_state: off
optimistic: true
# UPDATE TFT DISPLAY.
- platform: template
name: Update TFT display
id: tft_update
turn_on_action:
- delay: 16ms
- lambda: id(disp1).upload_tft();
- switch.turn_off: tft_update
# PHYSICAL SWITCH 1.
- platform: gpio
name: $device_name Relay 1
id: relay_1
pin:
number: 22
# PHYSICAL SWITCH 2.
- platform: gpio
name: $device_name Relay 2
id: relay_2
pin:
number: 19
# Turn screen power on/off. Easy way to configure the screen power control, but this should not be used from HA, as all components must be re-initialized afterwards. For lights, names of lights etc. this practically means that the state must change once to happen.
- platform: gpio
name: $device_name Screen Power
id: screen_power
entity_category: config
pin:
number: 4
inverted: true
restore_mode: ALWAYS_ON
# Disable Go to Home page-function on screen
- platform: template
device_class: switch
name: $device_name Disable go to home
id: disp1_disgth
restore_state: true
assumed_state: off
optimistic: true
on_turn_on:
- lambda: id(disp1).send_command_printf("Home.disgth.val=1");
on_turn_off:
- lambda: id(disp1).send_command_printf("Home.disgth.val=0");
# Disable Dim-down-function on screen
- platform: template
device_class: switch
name: $device_name Disable dim-down
id: disp1_disdim
restore_state: true
assumed_state: off
optimistic: true
on_turn_on:
- lambda: id(disp1).send_command_printf("Home.disdim.val=1");
on_turn_off:
- lambda: id(disp1).send_command_printf("Home.disdim.val=0");
# Disable Screensaver-function on screen
- platform: template
device_class: switch
name: $device_name Disable screensaver
id: disp1_dissleep
restore_state: true
assumed_state: on
optimistic: true
on_turn_on:
- lambda: id(disp1).send_command_printf("Home.dissleep.val=1");
on_turn_off:
- lambda: id(disp1).send_command_printf("Home.dissleep.val=0");
## NUMBERS #####################################################################
number:
# SCREEN BRIGHTNESS.
- platform: template
name: $device_name Brightness
id: brightness
entity_category: config
unit_of_measurement: '%'
min_value: 0
max_value: 100
step: 1
initial_value: 30
set_action:
then:
- lambda: 'id(disp1).set_backlight_brightness(x/100);'
- lambda: 'id(disp1).send_command_printf("Home.brightness.val=%i", int(x));'
# SCREEN BRIGHTNESS DIMMED DOWN.
- platform: template
name: $device_name Brightness dimdown
id: brightness_dim
entity_category: config
unit_of_measurement: '%'
min_value: 0
max_value: 100
step: 1
initial_value: 1
set_action:
then:
- lambda: 'id(disp1).send_command_printf("Home.brightdd.val=%i", int(x));'
#script:
# - id: refresh
# then:
# - lambda: |-
# id(disp1).send_command_printf("brightnessVal.val=%i", (int)id(current_brightness).state);
## UART ########################################################################
# UART FOR NEXTION DISPLAY
uart:
tx_pin: 16
rx_pin: 17
baud_rate: 115200
id: tf_uart
## DISPLAY #####################################################################
# CONFIGURATION FOR NEXTION SCREEN.
display:
- platform: nextion
id: disp1
uart_id: tf_uart
tft_url: !secret nextion_update_url
# on_wake:
# then:
# - number.set:
# id: brightness
# value: 60
# - script.execute: refresh
on_setup:
then:
- number.set:
id: brightness
value: 30
- lambda: id(disp1).send_command_printf("page 3");
- wait_until:
api.connected
- switch.template.publish:
id: nextion_init
state: on
- lambda: id(disp1).send_command_printf("page 0");
- rtttl.play: "two short:d=4,o=5,b=100:16e6,16e6"
# end
heres mine if it helps. i change images the same way. 1 for on with edited bg and 1 for off with same bg.
I will post a full video later. but hopefully you get the idea.
video on how to create state images in Gimp.
I’ve put together a video showing the main features of how my nspanel works. The only thing not shown is it going off after 45 seconds (you wouldn’t want to wait for that would you!). Probably won’t win an Oscar but I live in hope!
My NSPanel
Just be aware that we only have around 68% (my limit is 68.4%) memory spare for the esp yaml code (when compiled), anything above that size makes things go crazy and then you have to reconnect to your PC and flash manually again. my yaml I posted above is my limit, I have to delete things if I want to add anything else. I wanted to do more :(…
How do you get those figures?
when it compiles in the esphome log, just before it uploads. you have a second to cancel the update if you have your finger on the cancel button 
. I’ve just deleted my settings screen so i can improve my dimming function. after all i can make those settings with automations within HA
but honestly, i don’t think I’ll ever be satisfied a great little project 
That’s great. Have you posted the code somewhere?
i will upload to github tomorrow, I’m very nearly done
I’m surprised, so I’m bound to have a limit too. I limited the code and all the functions a bit “gadjet” so I don’t regret now. I also imagine that the optimization of the images of the tft file must play?
it is therefore necessary to have the maximum of code in automation with home assistant. I will work above all in this way knowing that.
There is no way you can change the partition sizes?
(4) #222 More Memory for the ESP32 without Soldering (How-to adapt partition sizes) - YouTube
i read somewhere that its only the ota function that requires the extra 30 odd %.and i presume that the tft goes to a different partition because the size of the tft file doesn’t seem to have any effect on the 68% we have. after watching the above video that makes sense now
here is part of the explanation of component and memory breakdown. it should be quite possible to increase its size
When I have it finished I will share the code.
I manage everything from node-red and mqtt.
I have even created a screen where the notices that the house is generating come out.
Hi when I flash my NS Panel,it won’t connect to my wifi.
Here my nspanel-mf.yml :
substitutions:
# Name the device and it's entities
device_name: nspanel-dev
# Example config.yaml
esphome:
name: nspanel
comment: $device_name
esp32:
board: esp32dev
wifi:
ssid: !secret wifi_ssid
password: !secret wifi_password
#fast_connect: !secret wifi_fast_connect
# Enable fallback hotspot (captive portal) in case wifi connection fails
ap:
ssid: "Nspanel-Mf Fallback Hotspot"
password: ""
captive_portal:
# NSPanel YAML by marcfager. Please check github for credits: https://github.com/marcfager/nspanel-mf
# Version 2022-01-19
# API. Add api_pwd to your secrets.yaml.
api:
# Logger. Disable the temperature sensor etc. to focus on the HMI development
logger:
baud_rate: 0
level: DEBUG
logs:
sensor: WARN
resistance: WARN
text_sensor: WARN
ntc: WARN
# OTA (Over the air updates) password. Add to your secrets.yaml
ota:
#password: !secret ota_pwd
# Uart for the Nextion display
uart:
tx_pin: 16
rx_pin: 17
baud_rate: 115200
id: tf_uart
# Functionality for the Nextion display
external_components:
- source: github://pr#2956
components: [nextion]
refresh: 1h
# A reboot button is always useful
button:
- platform: restart
name: $device_name Restart
# Binary sensors
binary_sensor:
# Left button below the display
- platform: gpio
name: $device_name Left Button
pin:
number: 14
inverted: true
on_click:
- switch.toggle: relay_1
# Right button below the display
- platform: gpio
name: $device_name Right Button
pin:
number: 27
inverted: true
on_click:
- switch.toggle: relay_2
output:
# Buzzer for playing tones
- platform: ledc
id: buzzer_out
pin:
number: 21
switch:
# Physical relay 1
- platform: gpio
name: $device_name Relay 1
id: relay_1
pin:
number: 22
# Physical relay 2
- platform: gpio
name: $device_name Relay 2
id: relay_2
pin:
number: 19
# Turn screen power on/off. Easy way to configure the screen power control, but this should not be used from HA, as all components must be re-initialized afterwards. For lights, names of lights etc. this practically means that the state must change once to happen.
- platform: gpio
name: $device_name Screen Power
id: screen_power
entity_category: config
pin:
number: 4
inverted: true
restore_mode: ALWAYS_ON
# Basically a global variable to keep track on whether the Nextion display is ready or not. Delays initial info from HA to the display.
- platform: template
name: $device_name Nextion inited
id: nextion_init
entity_category: config
restore_state: false
assumed_state: off
optimistic: true
Did you find your problem ? I have the same one.
No, but then again I haven’t had the time to look into it yet haha
Have you tried to put the manual ip…
> wifi:
> ssid: "XXXXX"
> password: "XXXXX"
>
> **#Optional manual IP**
> manual_ip:
> static_ip: XXX.XXX.XXX.XX
> gateway: XXX.XXX.XXX.X
> subnet: XXX.XXX.XXX.X
mine doesn’t work with “http//:homeassistant.local:8123” i have to use “http//:192.168.0.20:8123”
the only other time i have connection issues is when my memory get to 68.5% as mentioned above.