Some coding help in NS panel

hello I am using Ns panel in Home Assistant as it is working very fine so I have designed 3 pages HMI in nextion and upload the TFT file in home assistant it is uploaded very well and working very fine now when I have to access the page 1 and page 2 stuff like some sensors are on page 2 and page 3 so it did not give me any response and everything is on page 0 is working very well in home assistant except page 2 and page 3 I don’t know why? anything in the coding maybe I am uploadingCapture
the coding picture so can check and give me some direction thank you.

All this is one sentence.
That is not readable.
I don’t understand what is working and what is not working.
Also, how many pages was it?
3? 1, 2 and 3?
What is page 0 then?

And lastly upload code as text, images are hard to read and we can’t edit them to fix things.

Actually I’ve main pages 0, 1, 2

Set some variables for convenience

substitutions:
node_name: shawn-touchscreeen
device_name: permia

Note: this may not be needed if the pull request has been merged.

Check https://github.com/esphome/esphome/pull/2956 for current status.

external_components:

  • source: github://pr#2956
    components: [nextion]
    refresh: 1h

esphome:
name: $node_name
comment: $device_name

esp32:
board: esp32dev

Enable logging

logger:

Enable wireless updates

ota:

Enable Home Assistant API

api:
services:
# Service to play a song
- service: play_rtttl
variables:
song_str: string
then:
- rtttl.play:
rtttl: !lambda ‘return song_str;’
- service: upload_tft
then:
- lambda: ‘id(disp1)->upload_tft();’

A reboot button is always useful

button:

  • platform: restart
    name: Restart $device_name

Define some inputs

binary_sensor:

  • platform: gpio
    name: $device_name Left Button
    pin:
    number: 14
    inverted: true
    on_click:

    • switch.toggle: relay_1
  • platform: gpio
    name: $device_name Right Button
    pin:
    number: 27
    inverted: true
    on_click:

    • switch.toggle: relay_2
  • platform: nextion
    name: $device_name Touch me
    page_id: 0
    component_id: 0

  • platform: nextion
    name: $device_name Light
    page_id: 1
    component_id: 1

sensor:

  • platform: wifi_signal
    name: $device_name WiFi Signal
    update_interval: 60s

  • platform: ntc
    id: temperature
    sensor: resistance_sensor
    calibration:
    b_constant: 3950
    reference_temperature: 25°C
    reference_resistance: 10kOhm
    name: $device_name Temperature

  • platform: resistance
    id: resistance_sensor
    sensor: ntc_source
    configuration: DOWNSTREAM
    resistor: 11.2kOhm

  • platform: adc
    id: ntc_source
    pin: 38
    update_interval: 10s
    attenuation: 11db

Grab current temperature from Home Assistant

  • platform: homeassistant
    id: current_temperature
    entity_id: weather.home
    attribute: temperature
    on_value:

    Push it to the display

    then:
    - lambda: ‘id(disp1).set_component_text_printf(“temp”, "%.1f “”\xb0"“F”, x);’

Define some outputs

switch:

The two relays

  • platform: gpio
    name: $device_name Relay 1
    id: relay_1
    pin:
    number: 22
  • platform: gpio
    name: $device_name Relay 2
    id: relay_2
    pin:
    number: 19

Pin 4 always needs to be on to power up the display

  • platform: gpio
    id: screen_power
    entity_category: config
    pin:
    number: 4
    inverted: true
    restore_mode: ALWAYS_ON

number:
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);’

Configure the internal bleeper

output:

  • platform: ledc
    id: buzzer_out
    pin:
    number: 21

Enable ringtone music support

rtttl:
id: buzzer
output: buzzer_out

Configure UART for communicating with the screen

uart:
id: tf_uart
tx_pin: 16
rx_pin: 17
baud_rate: 115200

Configure the screen itself

display:

  • platform: nextion
    id: disp1
    uart_id: tf_uart
    tft_url: http://192.168.0.124:8123/local/muhammad.tft

    A little fun…

    on_setup:
    then:
    - number.set:
    id: brightness
    value: 30
    - lambda: |-
    id(disp1).set_component_text_printf(
    “temp”, "%.1f “”\xb0"“F”, id(current_temperature).state
    );
    - rtttl.play: “twobits:d=4,o=5,b=220:c6,8g,8g,a,g,p,b,c6”