The jumper on the RS232 USB adapter is there to select signal levels on the RX/TX pins (together with the Vcc pin). By having it set to 5V, you had RX/TX signal levels in 0-5V logic. Since the ESP32 is powered by 3,3V, it uses 0-3,3V logic....lucky you didn't fry the ESP32 with overvoltage on the RX/TX. Proper way would be to switch the jumper to 3,3V -> than Vcc is 3,3V, RX and TX pins are 0-3,3V logic and all is good. If you want to power-on the NSPanel afterwards, you can use the free 5V pin aside of the jumper.
The nextion component is out of date, do you know of an alterative? [15:43:22][W][nextion:077]: Nextion is not connected! [15:43:22][W][component:214]: Component nextion.display took a long time for an operation (0.10 s). [15:43:22][W][component:215]: Components should block for at most 20-30ms.
Heya. They are edited via the HMI file. To change the files you will need to use an editor like the Nextion Editor. I will be showing this in a future video (probably carrying on from this tutorial to keep it simple for people).
Don't mess around switching the jumper between 3.3 and 5v. I fried my first panel in an instant after forgetting to move the jumper back to 3.3v for a reflash. At £80 a shot it was an expensive school boy error. I've now set it up like Mark a different wire for 3.3 and 5v. Great video by the way.
Awesome vide. Hoever I have a problem. After uploading tft file to NSpanel via call serviece ESPHome: ns_panel01_upload_tft in Home Assistatn I only can see home assistant logo on the NSpanel screen and nothing else. In the logs from ns_panel01 I can see error 4:38:31][E][uart:015]: Reading from UART timed out at byte 0! [14:38:31][W][nextion:078]: Nextion is not connected! Are you able to help?
I'd like to see the the deeper dive you mentioned. I have the US version and need to rebuild the screens for the different aspect ratio / screen orientation. Thanks
@@Ella1.0 The EU version is landscape (480x320) whereas the US version of the screen is in portrait (320x480). The widgets/buttons off the side of the screen in the Nextion editor (GUI tool) which complains about. It be nice to see how others build the tft file.
Worked great! I appreciate the thoroughness in the explanations and all of the explanations of why you made the choices you did. All I gotta do now is customize my screens!
As of today with HA version 2023.11. Your YAML spaniel.yaml will not compile any more - Validation problem seem to be resolved by replacing restore_state: with restore_mode: "DISABLED" - but then it will not compile : In file included from src/esphome/components/nextion/nextion_commands.cpp:1: src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared void set_nextion_rtc_time(time::ESPTime time); -- I don't have a clue - any ideas or is there a more up to date Github project with a suitable YAML?.
Great video mate. You should mention the metal panel earlier in case people are following you in steps without watching the whole thing through first. Also worth mentioning it is easy to unplug the screen and just pull the PCB out completely
Great video, very interested to see what other things can be configured, perhaps with different controllers like dimmers and toggle buttons with other home assistant integrations. 👍
Hi Mark. Excellent video and tutorial. I have used many of your videos and tutorials before. Quick question: my US panel's screen is in landscape orientation. Can I change this to portrait?
Heya. Glad yo have helped. You can yes. You will just need to load a hmi file that is drawn the other way round. There are lots of examples online for this.
@@MarkWattTech Hi Mark, also managed to install, thank you! I'm also searching for the portrait HMI file to use without luck, if anyone can please point me to where I can get this file. Thank you
Great video! thanks for all! everything is fine for me until i call the nspanel_upload_tft service. NSPanel restarts and... nothing. How can I be sure that the NS panel has access to my hmi.tft file? Thank you
Thanks for a great video Mark, it has got my device up and running with a myriad of options available. I'd be most interested in a deep dive video. The only issue I had was that ESP Home has a secrets.yaml in addition to the secrets.yaml in your config directory (which is where I put the data in the first place 🤦)
Heya. Originally this video was 40mins plus with lots more details (like secrets etc). I cut it right down though as I felt people wouldn’t want a 40min video 😬. Glad you figured it out though!
Is there any tricks or pre requisites to get the screen to transmit Hmi.tft ? could you have had some configuration done from another install so that the transfer works for you but not for me. i have the panel online and I can send it the Simpsons tune or turn the lights on and off - but can't seem to update the screen Any Ideas
Great tutorial. I have everything up and running as your default config. The panel temperature never updates in the display though (displays -) even though its available in the HA dashboard. Any ideas?
The effort gone into this video. Wow! Cheers lad, thank you so much. Only in the first 3 minutes and felt the need to drop a like comment and subscribe! Cheers lad
Great turtorial, but anyway you can help us all out with the updated YAML file? The current one doesn't like "control_state" but changing them to "control_mode" doesn't help.
Great video! Just ordered two NSPanel's to play about with, I want to use one or two to control lights/fans in a bathroom, as they have to sit outside the bathroom, app based control is an advantage...
Great Video. I tried using your latest repo to do mine, but don't have all the secrets setup... api, etc... but my nspanel isn't being added to the devices, even though it says its online...
Very good tutorial! Only a few things I had to scroll back and rewatch once or twice to fully understand but I managed to flash this and then fairly quickly update the display to your example! Definitely want to see a part 2 of this with further customisations etc... Do you know if I have to keep re-flashing new YAML files via serial or can this now be over the air? Now that I've flashed ESPhome once, surely anything I should ever need to do is now via the hmi.tft file updates?
Heya :) thank you! Hopefully I will get round to part 2 very soon. Once flashed you can do OTA updates via ESPHome and do a service call to update the tft.
Thanks for this video, I finally felt confident enough to flash my first NSPanel and it works! Now to come up with some nice uses for the buttons. I guess it will need a neutral wire once it's mounted in a wall socket, right?
Awesome glad you got it working Ron. I always try to tie devices you would always want to work on a button press, regardless of whether the internet works or not. For wall mounting they do require a neutral.
Great tutorial, but I got stuck at the end. The NSPanel got stuck at the Home Assistant logo. I cannot swipe or see any info or buttons. Any idea what has gone wrong?
Mark this is a great video. Held off from ESPHome until I was able to walk through it nicely with this video. On my US panel the screen seems like it might be in rotated 90deg. If I were to mount it on the wall the buttons would be 90 deg counterclockwise. Where in the yaml can I change this setting?
Hey Bruce. You would need to modify the actual disply file which is done thrugh the Nextion editor. I will be showing this in the next NSPanel video that will continue on from this one. It was supposed to be out by now, but I'm just super far behind. Glad the video was helpful to you :)
Well I just converted my first four units. Simply magic - please more - more please mister. Your directions 6 months later work perfectly - obviously used my own style. The only small point to highlight for people following on was the the two devices you decided to toggle where different. One is a switch - one is a light - so all fun - line 533 ' symbol = 22' - line 558 'symbol=29' this will change the symbol. I toggle two switches representing lights so easily changed both lines to symbol 22.
Thanks Mark for the great in depth explanation. I am, however, stuck at flashing the esp board with error "failed to initialize. try resetting your device or holding the boot button while selecting your serial port until it starts preparing the installation." Trying different usb ttl adapters but looks like its not getting into flash/boot mode. Also, there is no IO0 or boot button like regular esp32 board. I'd appreciate if anyone can help me. thanks in advance
Great video, thanks. Looking forward to see a deep dive. It is also possible to have the default screen show the actual playing music from MOode, Volumio or LMS I guess ?
You can have the deafault screen as whatever you want :) and i think if you can get the media info in HA you should also be able to display and contol it on the panel.
Hi Mark, this is a great tutorial thank you. I have successfully flashed the firmware and have control of the panel in home assistant. I am struggling however when trying to upload the TFT file. The log gives me a simple [D][nextion_upload:160]: connection failed error, any ideas please?
Great video Mark! Clear explanations, I really like your style. Is it possible to get the physical buttons to send events to Home Assistant? (and not to connect anything to the 2 relays)
@@MarkWattTech Brilliant, thanks for confirming. One thing I'd like to do before flashing the NSPanel is to make a backup of it. Any tip on how to do this?
Nice one mark. Now I’ll probably have to buy one now, but really great video. Could you do a video on home assistant on how to log in to a telnet terminal on a remote device via user name and password and control that with commands. Ive got lutron kit and you can control it via a telnet Sassoon but I’m new to home assistant and I’ve tried to make sense of it but not really been able to.
Hi Mark, another great video but I had an issue with flashing the hmi.tft file. If your WWW folder doesnt exist and you create it, the upload will fail until you restart home assistant. Also had an issue with using DNS names so recommend that everyone uses a specific IP address in their URL. Keep up the good work, always enjoy watching your content :-)
Really great video - helped me a lot, thank you :-) I'm still struggeling and not getting it working, every time i flash theres an error at nextion init part of the script where it says "queue is empty". Any tips on that?
I am trying to control 12 RGB bulbs name MB1 through MB12 on the NSPanel, but I cannot get past 9. If I go more than 9 bulbs, the NSPanel simply locks up and I have to re-flash the unit. Any ideas? I am just getting started with ON/OFF, not even RGB or Brightness adjustments. I just won't take a yaml with more than 9 bulbs referenced in the code.
I followed all the steps. The tft file loaded unto the nspanel 100%. Now all I see is the HA logo screen. Restarted the device multiple times, no change. I can seem to push the tft file a 2nd time either. Tried renaming..nothing works.
Am I correct in saying that the lights are component_id 17 through 24 ? What are component_id 5, 6, 13-16? EDIT: I guess that 13-16 are the buttons on top of the music page?
This must be outdated. There are some API changes in the yaml that I was able to fix, but even after fixing those when I try to download the project I get many more errors from cpp methods that don't exist.
Great video as always!! Question: I cant manage the NSPanel to get the correct local time from home assistant. Im using the same code than you and everyone but it seams is a comun problem. any susgestion?
Thank you for the video. For some reason my temperature does not update and also the icons are blank on the lights page. I think that something is wrong with my tft file. Can anyone help?
Great video! I got it working thanks to you Mark. I've tried to add buttons to the lights screen but have no doubt butchered the config as everything turns off and on together when tapping button 1 or 2 on the screen. 15:26 in the video is where I'm struggling. Does someone have an eeejut proof guide on the nspanel.yaml config refinement please? EDIT- I also have 3 Violet smart switches and honestly this is way easier to setup with this video. However, without this video, if budget were no option, I'd say get the Violet over the NSpanel.
This is amazing content! I've done and it works just fine. There is just one point that I didnt get, can I set up a default action for the buttos (maybe de original turn on/off the relays) if there's no network? sorry if you said that in the video But I really didnt get it
@@MarkWattTech I literally just watched it. I'll be trying this out 1st thing tomorrow on my spare unopened NSP. Talk about perfect timing. Thanks for the video BTW.
Hi Mark, I finally got around to flashing mine using this video and for the better part it worked great. My only issue is when i navigate to the light GUI, the icons aren't displayed and i just have 8 blank squares?
hi I need some advice. after i hit serwice call nspanel_upload_tft my home assistant brick. My lights blinks evety about 20 min. and can not connect to it wilessly. Can You tell me what can i do?
I have an issue where by if I turn a light on the icon on the lights page turn yellow as expected but if the screen saver comes on when i touch the screen the page opens but the icons are no longer yellow unless I turn the light off and on again. Any thoughts on this issue.
Heya :) The best way for a desk setup would be to power it via 5V. You would just need to rig up a connector and power. In the video I mention it towards the end using my adapter and the 5V and GND pins.
Great video. I would be interested in more configuration. I have the US Panel and have already flashed it to ESPHome, I am trying to understand the editor for the GUI, but I feel like I am missing something. Look forward to future videos.
There’s been a bit of a delay as I’ve been busy with family life and other things. But the content is in the works and will be picking up directly from this video :)
Hey Mark. Do the Disable Screensaver/Disable dim down switches work in your example? I have loaded the code on to my NSPanel but they don't seem to be making any difference.
Hi Mark, I find your videos absolutely amazing.....you are an excellent presenter. Do you have a video on the NS Panel US with HA integration as I have ordered a UK version and the wife saw the US version and wants me to get the US version as the screen is larger
Hey Bruce. Thanks for the feedback. Since creating the video, with the help of the community the US variant is now supported. The process is exactly the same but uses a different .tft file. I mentioned this in an update video for this project :)
@@MarkWattTech Thanks Mark.....I ended up getting the UK version and followed your excellent guide and got the NS Panel working though I went in to the configuration to start adding entities and then the panel locked up and is now stuck on the HA logo....is it recoverable
Currently i have the issue that Home assistant wint Install Update 6.2 to the Panel which Version is currently 5.5 Any suggestions? Its the First Update which wont Install.
Hi, great video. I'm thinking of getting a nspanel myself. I am wondering if the panel is on all the time. Or is there an option to let it go to sleep at night or when your not home?
Nice one Mark! I'm actually setting up a 4.3 inch Nextion using the same config. The only thing I'm unable to find is the Music Player orange skin. Can someone help me with that? I just want the player without any bg. Thanks in advance!
Great video .. running into some errors though trying to flash with the YAML provided. Most of the errors is 'Use the restor_mode option instead." Do we have an updated YAML to see what the config should look like now after 2023.7 ??
Not an answer unfortunately but I am facing the same issue (error message telling to change 'restore_state' to 'restore_mode'). Restore_mode is imho something different (telling how to act after restart). restore_state is (or 'was' after 2023.07) telling whether the restore is completed. Any suggetions how to replace the 'restore_state' commands in the nspanel.yaml?
Hi, Thanks for the great tutorial. much appreciated. Any further updates on when you will be able to post the next part? Trying to review the light names and configuration (I think the yaml on the github may have change since this video)
Hey Paul. If all goes well I’ll be doing it this week. I keep getting ill which throws my video schedule out the window. Glad the tutorial was helpful! We will be carrying on directly from this in the next part.
is this still a viable option? i have nspanel with esp firmware installed but tft no longer updates since last version of home assistant update. I tried using your yaml to update the install on the nspanel to latest version aswell but it no longer updates tft... any ideas or insights into where or if you want to see the traces for more info any assitance wouold be a great help.
Hey mark , the TFT file not updating the the NSP panel I followed the steps exactly as you described, looking you kind for help or I lost 12 panels that I ordered 😢
😮 now I tried stuck on intializing blue screen and it’s offline in HA tried many time no help , tride to flushed aging i got black screen Please mark helppppppp me ❤
@@WwHIGHNESSwW did you manage to update the TFT? Now my NS Panel is a useless display showing 0 degress, at 00:00 all the time. Physical buttons don't work. I'm so mentally drained from reading all the suggetsions, and I have tried them all. Nothing works.
Heya. It was supposed to be a while back but its just fallen back every time due to other content and me being ill for a few weeks. Its still planned though :)
hey mark, i got an question, i followed your alarmo video and am really happy with my alarm system,but can you put an alarm keypad on the nspanel? thanks already!
Great video! I'm struggling a bit with the icons. I can press the buttons for each light on the light page but the icons wont show up. Did I miss something in the tutorial or will you talk about that in part 2?
Heya. You didn’t miss anything. The icons are all hardcoded in the .tft as its created with the nextion editor. It will be explained in part 2 whenever I get round to it
Did we ever see a part 2? I'm absolutely baffled with this. I keep getting an error when I try to use the blueprint to configure the panel. The automation "NSPanel Configuration" (automation.nspanel_configuration) has an action that calls an unknown service: esphome.nspaneldev_send_command_printf. Can someone point me to which of these videos walks you through as there seem to be so many that are unrelated.
Hi Mark, I am having trouble getting my NS panel in boot mode. All wiring is exactly as yours. We are in South Afrika. Do you think maybe they block the boot mode somehow
Heya, it can be a little fiddly to get into boot mode as you need to have all pins touch at the same time. That’s why I opted to use a little jig. If you don’t manage to get them at the same time it won’t enter boot mode. Also check you aren’t shorting anything by pressing the metal plate with any of your pins.
Hi Mark, the flashing went well but when I come to the ESPHome: nspanel_upload_tft call service, HA reports back OK with a green tick but the panel does not update. Do you have any suggestions?
@@chrishampele181 I've already specced for the deepest box everywhere as I'm using Z-Wave switches/dimmers behind the light switches. I think I'll just order one to see what the resolution is like and to confirm the WAF...
@@pr19580 cool. good luck. mine failed and some months on, i'm pleased - as i use timed and motion/occupancy automations instead mainly and rarely need a physical switch. If I do want a physical switch, I don't want to have to swipe first before I can use it, so mainly used the larger buttons, rendering the screen largely redundant for most of the time in our experience.
Good video, I have it running with help of your instructions. Could you also share your HMI file so I can look and compare with the yaml in the nextion editor?
Hey I've been getting "Upgrade response is 19". Packet capture shows the device is pulling the full file. Tried smaller and larger HMI files. Tried replacing the PR with the on_boot action to kick it out of reparse mode, tried dropping baud to 9600, calling the service without the log connected, etc. Any ideas?
Great Video, Thank you very much! But unfortunately there seem to have been some breaking changes in HomeAssistant since your release, which then show errors when "Validate" the "nspanel.yaml". e.g. since HA2023.7.3 "restore_state" does not exist anymore. I corrected it with "restore_mode" and "Validate" then ran successfully. At the next step "Plug into this computer" the "Project" can not be created. INFO ESPHome 2023.10.1 INFO Reading configuration /config/esphome/nspanel.yaml... INFO Detected timezone 'Europe/Berlin'. INFO Generating C++ source... INFO Compiling app... Processing nspanel (board: esp32dev; framework: arduino; platform: platformio/espressif32@5.4.0) -------------------------------------------------------------------------------- HARDWARE: ESP32 240MHz, 320KB RAM, 4MB Flash - toolchain-xtensa-esp32 @ 8.4.0+2021r2-patch5 Dependency Graph |-- WiFi @ 2.0.0 |-- ESPmDNS @ 2.0.0 |-- Update @ 2.0.0 |-- WiFiClientSecure @ 2.0.0 |-- HTTPClient @ 2.0.0 Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion.cpp.o Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion_commands.cpp.o Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion_upload.cpp.o Compiling .pioenvs/nspanel/src/esphome/components/number/automation.cpp.o In file included from src/esphome/components/nextion/nextion_commands.cpp:1: src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared void set_nextion_rtc_time(time::ESPTime time); ^~~~~~~ src/esphome/components/nextion/nextion_commands.cpp:223:42: error: variable or field 'set_nextion_rtc_time' declared void void Nextion::set_nextion_rtc_time(time::ESPTime time) { ^~~~~~~ src/esphome/components/nextion/nextion_commands.cpp:223:42: error: 'ESPTime' is not a member of 'esphome::time' src/esphome/components/nextion/nextion_commands.cpp:223:42: note: suggested alternative: In file included from src/esphome/components/time/real_time_clock.h:8, from src/esphome/components/nextion/nextion.h:21, from src/esphome/components/nextion/nextion_commands.cpp:1: src/esphome/core/time.h:12:8: note: 'esphome::ESPTime' struct ESPTime { ^~~~~~~ In file included from src/esphome/components/nextion/nextion_upload.cpp:1: src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared void set_nextion_rtc_time(time::ESPTime time); ^~~~~~~ In file included from src/esphome/components/nextion/nextion.cpp:1: src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared void set_nextion_rtc_time(time::ESPTime time); ^~~~~~~ *** [.pioenvs/nspanel/src/esphome/components/nextion/nextion_commands.cpp.o] Error 1 *** [.pioenvs/nspanel/src/esphome/components/nextion/nextion_upload.cpp.o] Error 1 *** [.pioenvs/nspanel/src/esphome/components/nextion/nextion.cpp.o] Error 1 ========================= [FAILED] Took 13.55 seconds ========================= Is there an updated nspanel.yaml? Does anyone else have the same problem? (Flashing is so currently no longer possible)? Many greetings, Jo
great video mark but can you do a more detailed video on nspanel i just cant get my head around how to add my lights and change the icons .i bet im not on my own with this one
@@lillywall123 the next video on the panel is a direct continuation from this one. It touches on setting up the HMI editor, changing your icons, adding pages and a few other bits which should help to get started creating your own :) Not sure when it will be as my schedule has slipped due to me getting covid. It’s in the works though! :)
The jumper on the RS232 USB adapter is there to select signal levels on the RX/TX pins (together with the Vcc pin). By having it set to 5V, you had RX/TX signal levels in 0-5V logic. Since the ESP32 is powered by 3,3V, it uses 0-3,3V logic....lucky you didn't fry the ESP32 with overvoltage on the RX/TX.
Proper way would be to switch the jumper to 3,3V -> than Vcc is 3,3V, RX and TX pins are 0-3,3V logic and all is good.
If you want to power-on the NSPanel afterwards, you can use the free 5V pin aside of the jumper.
The nextion component is out of date, do you know of an alterative?
[15:43:22][W][nextion:077]: Nextion is not connected!
[15:43:22][W][component:214]: Component nextion.display took a long time for an operation (0.10 s).
[15:43:22][W][component:215]: Components should block for at most 20-30ms.
I have the same issue
Did you manage to solve this
@@charliemortonmusicyes
Amazing video thank you so much for explaining. Please do more NSpanel videos - it seems like such a powerful device
Nice one Mark!!! Enjoyed it... Still haven't even bothered to play with mine so when time comes, I'll definitely return to this vid!
If you move the voltage selector from 5v to 3.3v on FTDI, you can use normal vcc pin instead of seperate wire from 3.3v :) but great guide !
Yeah I do mention it in the video.
I left it like that so I can just add an additional wire to make use of 5V (I was doing multiple panels at a time).
@@MarkWattTech how do you edit the icons? I cannot find a way to edit them
Heya. They are edited via the HMI file. To change the files you will need to use an editor like the Nextion Editor. I will be showing this in a future video (probably carrying on from this tutorial to keep it simple for people).
@@MarkWattTech I am curious on a more detailed video on the config as well as the Nextion Editor
Don't mess around switching the jumper between 3.3 and 5v. I fried my first panel in an instant after forgetting to move the jumper back to 3.3v for a reflash. At £80 a shot it was an expensive school boy error. I've now set it up like Mark a different wire for 3.3 and 5v.
Great video by the way.
Awesome vide. Hoever I have a problem. After uploading tft file to NSpanel via call serviece ESPHome: ns_panel01_upload_tft in Home Assistatn I only can see home assistant logo on the NSpanel screen and nothing else. In the logs from ns_panel01 I can see error 4:38:31][E][uart:015]: Reading from UART timed out at byte 0!
[14:38:31][W][nextion:078]: Nextion is not connected!
Are you able to help?
I had this issue. changing the baud_rate under the uart section to 9600 fixed it. I hope it helps you too.
@@SavvyTech perfect - had the same issue also and this worked for me!
Mark! Stop teasing me. We can't get them in Australia 🤪
We will have to get them to hook you up! 🤪
Looking at the spec, it is rated at 240v, though not approved. So it will work here, or have I missed the point.
@@clairerovic it will work but it's not certified; I've heard sonoff aren't interested so we need an importer to get the certification.
I'd like to see the the deeper dive you mentioned. I have the US version and need to rebuild the screens for the different aspect ratio / screen orientation. Thanks
Explain
Please
@@Ella1.0 The EU version is landscape (480x320) whereas the US version of the screen is in portrait (320x480). The widgets/buttons off the side of the screen in the Nextion editor (GUI tool) which complains about. It be nice to see how others build the tft file.
Great video! I really like how you present all these things - clear and to the point. Thank you very much for this.
Glad you found it helpful :)
Worked great! I appreciate the thoroughness in the explanations and all of the explanations of why you made the choices you did. All I gotta do now is customize my screens!
Thank you :)
As of today with HA version 2023.11. Your YAML spaniel.yaml will not compile any more - Validation problem seem to be resolved by replacing restore_state: with restore_mode: "DISABLED" - but then it will not compile : In file included from src/esphome/components/nextion/nextion_commands.cpp:1:
src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared
void set_nextion_rtc_time(time::ESPTime time); -- I don't have a clue - any ideas or is there a more up to date Github project with a suitable YAML?.
Did you solve the problem?
Great video mate.
You should mention the metal panel earlier in case people are following you in steps without watching the whole thing through first. Also worth mentioning it is easy to unplug the screen and just pull the PCB out completely
Great video, very interested to see what other things can be configured, perhaps with different controllers like dimmers and toggle buttons with other home assistant integrations. 👍
Thank you! Im playing around with some parts now which will hopefully be shown in a future tutorial :)
@@MarkWattTech is there any way to use this display in portrait mode, on the U.S. version of the nspanel, vs. landscape?
Hi Mark. Excellent video and tutorial. I have used many of your videos and tutorials before. Quick question: my US panel's screen is in landscape orientation. Can I change this to portrait?
Heya. Glad yo have helped. You can yes. You will just need to load a hmi file that is drawn the other way round. There are lots of examples online for this.
@@MarkWattTech Hi Mark, also managed to install, thank you! I'm also searching for the portrait HMI file to use without luck, if anyone can please point me to where I can get this file. Thank you
Great video! thanks for all!
everything is fine for me until i call the nspanel_upload_tft service. NSPanel restarts and... nothing.
How can I be sure that the NS panel has access to my hmi.tft file? Thank you
same for me. just have a HA logo and thats it.
Thanks to you i was able to flash my first service to esphome.
Glad to have helped!
Thanks for a great video Mark, it has got my device up and running with a myriad of options available. I'd be most interested in a deep dive video.
The only issue I had was that ESP Home has a secrets.yaml in addition to the secrets.yaml in your config directory (which is where I put the data in the first place 🤦)
Heya. Originally this video was 40mins plus with lots more details (like secrets etc). I cut it right down though as I felt people wouldn’t want a 40min video 😬.
Glad you figured it out though!
Is there any tricks or pre requisites to get the screen to transmit Hmi.tft ?
could you have had some configuration done from another install so that the transfer works for you but not for me.
i have the panel online and I can send it the Simpsons tune or turn the lights on and off - but can't seem to update the screen
Any Ideas
Great tutorial. I have everything up and running as your default config. The panel temperature never updates in the display though (displays -) even though its available in the HA dashboard. Any ideas?
Great Video, I look the esphome code, it's a massive work , impressive !! the video is really clear , THK a lot
The effort gone into this video. Wow! Cheers lad, thank you so much. Only in the first 3 minutes and felt the need to drop a like comment and subscribe! Cheers lad
Appreciated thank you! 🙏🏻
Great video! Thank you very much for this.
Great video Mark! It's amazing. Congratulations!
How do you edit the icons on the panel
Icons are set on the HMI file which is created in the Nextion editor. I will be showing this in a future video.
Great turtorial, but anyway you can help us all out with the updated YAML file? The current one doesn't like "control_state" but changing them to "control_mode" doesn't help.
Thanks Mark! Very nice tutorial. Keep up the good work!
Thanks Ed 🙏🏻😁
Great video! Just ordered two NSPanel's to play about with, I want to use one or two to control lights/fans in a bathroom, as they have to sit outside the bathroom, app based control is an advantage...
Thank you! Good luck with your project.
Great Video. I tried using your latest repo to do mine, but don't have all the secrets setup... api, etc... but my nspanel isn't being added to the devices, even though it says its online...
Very good tutorial! Only a few things I had to scroll back and rewatch once or twice to fully understand but I managed to flash this and then fairly quickly update the display to your example!
Definitely want to see a part 2 of this with further customisations etc...
Do you know if I have to keep re-flashing new YAML files via serial or can this now be over the air?
Now that I've flashed ESPhome once, surely anything I should ever need to do is now via the hmi.tft file updates?
Heya :) thank you!
Hopefully I will get round to part 2 very soon. Once flashed you can do OTA updates via ESPHome and do a service call to update the tft.
Thanks for this video, I finally felt confident enough to flash my first NSPanel and it works! Now to come up with some nice uses for the buttons. I guess it will need a neutral wire once it's mounted in a wall socket, right?
Awesome glad you got it working Ron. I always try to tie devices you would always want to work on a button press, regardless of whether the internet works or not. For wall mounting they do require a neutral.
Great tutorial, but I got stuck at the end. The NSPanel got stuck at the Home Assistant logo. I cannot swipe or see any info or buttons. Any idea what has gone wrong?
Solved it by lowering the baud-rate in the YAML
Mark this is a great video. Held off from ESPHome until I was able to walk through it nicely with this video. On my US panel the screen seems like it might be in rotated 90deg. If I were to mount it on the wall the buttons would be 90 deg counterclockwise. Where in the yaml can I change this setting?
Hey Bruce. You would need to modify the actual disply file which is done thrugh the Nextion editor. I will be showing this in the next NSPanel video that will continue on from this one. It was supposed to be out by now, but I'm just super far behind.
Glad the video was helpful to you :)
Another great tutorial from you ! Thank you !
Love it, thanks heaps. Well I have waited patiently, now it's buy. Sniff apparently not available in Australia.
Well I just converted my first four units. Simply magic - please more - more please mister. Your directions 6 months later work perfectly - obviously used my own style. The only small point to highlight for people following on was the the two devices you decided to toggle where different. One is a switch - one is a light - so all fun - line 533 ' symbol = 22' - line 558 'symbol=29' this will change the symbol. I toggle two switches representing lights so easily changed both lines to symbol 22.
Great work! Found it extremely helpful!!!
Thanks Mark for the great in depth explanation. I am, however, stuck at flashing the esp board with error "failed to initialize. try resetting your device or holding the boot button while selecting your serial port until it starts preparing the installation."
Trying different usb ttl adapters but looks like its not getting into flash/boot mode. Also, there is no IO0 or boot button like regular esp32 board.
I'd appreciate if anyone can help me. thanks in advance
Thank you, you gave me the motivation to remove the Zonoff firmware !
Can't wait for next video
It was meant to be out by now but held up by so many things! Soon I hope
Great video, thanks.
Looking forward to see a deep dive.
It is also possible to have the default screen show the actual playing music from MOode, Volumio or LMS I guess ?
You can have the deafault screen as whatever you want :) and i think if you can get the media info in HA you should also be able to display and contol it on the panel.
so the "change me" is gone now. searching for change brings one result. not sure what happened . is there an updated file im not finding?
Hi Mark, this is a great tutorial thank you. I have successfully flashed the firmware and have control of the panel in home assistant. I am struggling however when trying to upload the TFT file. The log gives me a simple [D][nextion_upload:160]: connection failed error, any ideas please?
Did you ever get an answer for this? I am having a similar problem.
@@michaelkosinski9189 did you ever find a solution? I'm experiencing the same
Great video Mark! Clear explanations, I really like your style. Is it possible to get the physical buttons to send events to Home Assistant? (and not to connect anything to the 2 relays)
You can :) I use it in this config for a light I’ve wired as permanent live. I then use the buttons for other things.
@@MarkWattTech Brilliant, thanks for confirming. One thing I'd like to do before flashing the NSPanel is to make a backup of it. Any tip on how to do this?
Nice one mark. Now I’ll probably have to buy one now, but really great video.
Could you do a video on home assistant on how to log in to a telnet terminal on a remote device via user name and password and control that with commands. Ive got lutron kit and you can control it via a telnet Sassoon but I’m new to home assistant and I’ve tried to make sense of it but not really been able to.
appreciate the charter marks :)
Hi Mark, another great video but I had an issue with flashing the hmi.tft file. If your WWW folder doesnt exist and you create it, the upload will fail until you restart home assistant. Also had an issue with using DNS names so recommend that everyone uses a specific IP address in their URL. Keep up the good work, always enjoy watching your content :-)
Hi, I have flashed ESPHome to the panel with no issue, but I am struggling to work out the url for the hmi.tft file. How do I find it?
is this a thing when you got a static url setup for home assistant?
Amazing video! What's the best switch-sized smart panel with HA compatibility (hacked or native) in your opinion?
Really great video - helped me a lot, thank you :-)
I'm still struggeling and not getting it working, every time i flash theres an error at nextion init part of the script where it says "queue is empty".
Any tips on that?
this is link to your hmi.tft file on home assistant
I am trying to control 12 RGB bulbs name MB1 through MB12 on the NSPanel, but I cannot get past 9. If I go more than 9 bulbs, the NSPanel simply locks up and I have to re-flash the unit. Any ideas? I am just getting started with ON/OFF, not even RGB or Brightness adjustments. I just won't take a yaml with more than 9 bulbs referenced in the code.
I followed all the steps. The tft file loaded unto the nspanel 100%. Now all I see is the HA logo screen. Restarted the device multiple times, no change. I can seem to push the tft file a 2nd time either. Tried renaming..nothing works.
Am I correct in saying that the lights are component_id 17 through 24 ?
What are component_id 5, 6, 13-16?
EDIT: I guess that 13-16 are the buttons on top of the music page?
This must be outdated. There are some API changes in the yaml that I was able to fix, but even after fixing those when I try to download the project I get many more errors from cpp methods that don't exist.
Great video as always!! Question:
I cant manage the NSPanel to get the correct local time from home assistant. Im using the same code than you and everyone but it seams is a comun problem. any susgestion?
Thank you for the video. For some reason my temperature does not update and also the icons are blank on the lights page. I think that something is wrong with my tft file. Can anyone help?
Hi all. I have problem when flashing the tft file to the screen. The loading screen cannot show up. Any reason for that?
Great video!
I got it working thanks to you Mark.
I've tried to add buttons to the lights screen but have no doubt butchered the config as everything turns off and on together when tapping button 1 or 2 on the screen.
15:26 in the video is where I'm struggling.
Does someone have an eeejut proof guide on the nspanel.yaml config refinement please?
EDIT- I also have 3 Violet smart switches and honestly this is way easier to setup with this video. However, without this video, if budget were no option, I'd say get the Violet over the NSpanel.
Hi, Any idea why I can't upload TFT? When calling ESPHome: nspanel_upload_tft service nothing happens to the screen. Thanks for help.
This is amazing content! I've done and it works just fine. There is just one point that I didnt get, can I set up a default action for the buttos (maybe de original turn on/off the relays) if there's no network? sorry if you said that in the video But I really didnt get it
Thanks for the video, got it all working. No joy with the Blackmas Blueprint though.
Hey Darren. Did you try the video on it that I released today?
@@MarkWattTech I literally just watched it. I'll be trying this out 1st thing tomorrow on my spare unopened NSP. Talk about perfect timing. Thanks for the video BTW.
@@sygad1 hope it helps 😁👍🏻
Mark, is it possible to send mqtt commands (double/single press and hold) to HA by pressing the phisical buttons or screen buttons?
I am not getting any luck with the screen, just says disconnected status unknown.
any ideas
Hi Mark, I finally got around to flashing mine using this video and for the better part it worked great.
My only issue is when i navigate to the light GUI, the icons aren't displayed and i just have 8 blank squares?
Have you changed the code or are you using what I set? :)
hi I need some advice. after i hit serwice call nspanel_upload_tft my home assistant brick. My lights blinks evety about 20 min. and can not connect to it wilessly. Can You tell me what can i do?
I have an issue where by if I turn a light on the icon on the lights page turn yellow as expected but if the screen saver comes on when i touch the screen the page opens but the icons are no longer yellow unless I turn the light off and on again. Any thoughts on this issue.
Awesome video! Is it possible to get HA dashboard on that display? That would be even better. Or camera feed?
I don’t think so but that would be really cool. There is a HA theme that someone has created though :)
Hey Mark! Amazing video! Quick question - how do I power the NS Panel so I can run it in an enclosure on my desk rather than in the wall?
Heya :)
The best way for a desk setup would be to power it via 5V. You would just need to rig up a connector and power. In the video I mention it towards the end using my adapter and the 5V and GND pins.
Great video.
I would be interested in more configuration. I have the US Panel and have already flashed it to ESPHome, I am trying to understand the editor for the GUI, but I feel like I am missing something. Look forward to future videos.
There’s been a bit of a delay as I’ve been busy with family life and other things. But the content is in the works and will be picking up directly from this video :)
@@MarkWattTech And sorry I didn't mention it, but thank you for the content. I do appreciate it.
Hey Mark. Do the Disable Screensaver/Disable dim down switches work in your example? I have loaded the code on to my NSPanel but they don't seem to be making any difference.
Hi Mark, I find your videos absolutely amazing.....you are an excellent presenter. Do you have a video on the NS Panel US with HA integration as I have ordered a UK version and the wife saw the US version and wants me to get the US version as the screen is larger
Hey Bruce. Thanks for the feedback.
Since creating the video, with the help
of the community the US variant is now supported. The process is exactly the same but uses a different .tft file.
I mentioned this in an update video for this project :)
@@MarkWattTech Thanks Mark.....I ended up getting the UK version and followed your excellent guide and got the NS Panel working though I went in to the configuration to start adding entities and then the panel locked up and is now stuck on the HA logo....is it recoverable
Nicely done fella! Really appreciate it. Question.. symbol numbers for icons, where are you referencing these?
Heya :)
These are referenced in the file when you actually create the display. I will be showing this in the next video when I eventually get to it.
@@MarkWattTech perfect, thanks dude.
Currently i have the issue that Home assistant wint Install Update 6.2 to the Panel which Version is currently 5.5
Any suggestions? Its the First Update which wont Install.
Great video 👍
Hi, great video. I'm thinking of getting a nspanel myself. I am wondering if the panel is on all the time. Or is there an option to let it go to sleep at night or when your not home?
Hey there!
You can fully customise this and do exactly what you mentioned :)
Nice one Mark!
I'm actually setting up a 4.3 inch Nextion using the same config. The only thing I'm unable to find is the Music Player orange skin. Can someone help me with that? I just want the player without any bg. Thanks in advance!
Thanks for video, It's very helpful. Is it possible to upload NSpanel Pro UI on NSpanel?
Great video .. running into some errors though trying to flash with the YAML provided. Most of the errors is 'Use the restor_mode option instead." Do we have an updated YAML to see what the config should look like now after 2023.7 ??
Not an answer unfortunately but I am facing the same issue (error message telling to change 'restore_state' to 'restore_mode'). Restore_mode is imho something different (telling how to act after restart). restore_state is (or 'was' after 2023.07) telling whether the restore is completed. Any suggetions how to replace the 'restore_state' commands in the nspanel.yaml?
another great video thank you
Thanks Nigel! Glad you enjoyed it :)
INFO Upload with baud rate 460800 failed. Trying again with baud rate 115200. I run esptool from HA
Hi, Thanks for the great tutorial. much appreciated. Any further updates on when you will be able to post the next part? Trying to review the light names and configuration (I think the yaml on the github may have change since this video)
Hey Paul. If all goes well I’ll be doing it this week. I keep getting ill which throws my video schedule out the window.
Glad the tutorial was helpful! We will be carrying on directly from this in the next part.
@@MarkWattTech Awesome ok. Hope you feel better soon.
is this still a viable option? i have nspanel with esp firmware installed but tft no longer updates since last version of home assistant update. I tried using your yaml to update the install on the nspanel to latest version aswell but it no longer updates tft... any ideas or insights into where or if you want to see the traces for more info any assitance wouold be a great help.
Nice work ! But can you update config ? :D I've got several problems in ns panel yaml file... :D
Hi there i get a 500 error on the blueprint, when i save any idea what im doing wrong
The Dupont wires and the USB adapter... Does someone have any links for purchasing them ?
There are some in the description of my video :)
Hey mark , the TFT file not updating the the NSP panel I followed the steps exactly as you described, looking you kind for help or I lost 12 panels that I ordered 😢
😮 now I tried stuck on intializing blue screen and it’s offline in HA tried many time no help , tride to flushed aging i got black screen
Please mark helppppppp me ❤
@@WwHIGHNESSwW did you manage to update the TFT? Now my NS Panel is a useless display showing 0 degress, at 00:00 all the time. Physical buttons don't work. I'm so mentally drained from reading all the suggetsions, and I have tried them all. Nothing works.
Yaml no longer validates. mode vs state. update?
Great Video Mark - Thanks !! Any ETA on that follow up video :)
Heya. It was supposed to be a while back but its just fallen back every time due to other content and me being ill for a few weeks. Its still planned though :)
hey mark, i got an question, i followed your alarmo video and am really happy with my alarm system,but can you put an alarm keypad on the nspanel? thanks already!
Hey :) you can yes. You will have to custom make one (although some people have made some you can just copy).
Would love to see someone do an LCAR's version of this. I would love to but my design skills are not great lol
I’ve not seen that one. I’ll have a look :)
Great video Mark, I have adapted the files for the US version, looks great.
Any idea how I can integrate a sonoff fan 02? Ideally a tri-state button
JollyChilly, would be willing to share your adaptation to the US version?
Hello JollyChilly, if possible, can you share the code for the US version for me too?
Great video!
I'm struggling a bit with the icons. I can press the buttons for each light on the light page but the icons wont show up. Did I miss something in the tutorial or will you talk about that in part 2?
Heya. You didn’t miss anything. The icons are all hardcoded in the .tft as its created with the nextion editor. It will be explained in part 2 whenever I get round to it
Did we ever see a part 2? I'm absolutely baffled with this. I keep getting an error when I try to use the blueprint to configure the panel. The automation "NSPanel Configuration" (automation.nspanel_configuration) has an action that calls an unknown service: esphome.nspaneldev_send_command_printf. Can someone point me to which of these videos walks you through as there seem to be so many that are unrelated.
Hi Mark, I am having trouble getting my NS panel in boot mode. All wiring is exactly as yours. We are in South Afrika. Do you think maybe they block the boot mode somehow
Heya, it can be a little fiddly to get into boot mode as you need to have all pins touch at the same time. That’s why I opted to use a little jig.
If you don’t manage to get them at the same time it won’t enter boot mode. Also check you aren’t shorting anything by pressing the metal plate with any of your pins.
@@MarkWattTech thanks will try again
Im having the same problem, do you find the problem/ solution?
Hi Mark, the flashing went well but when I come to the ESPHome: nspanel_upload_tft call service, HA reports back OK with a green tick but the panel does not update. Do you have any suggestions?
I have a same problem, have you managed to fix it?
nice work! Thank you for it. One question. How you give there icons of buttons?? Thank you!
The icons are set in the screens file and not via ESPHome. When I finally get the second video done I will be clearing all this up :)
@@MarkWattTech Thank you. And add some new lists please:-P Or show how we can do next page with same 8 icons/buttons
@@MarkWattTech Hello man. How it is looks like with images video? I have still blank buttons:P Thank you for your work!
Thanks Mark, I'm looking at getting a few of these for our house renovation. What sort of back box did you use to mount it on the wall?
You'll need a single gang socket back box.
it'll need to be the deepest. Having thought the same, I've gone off the idea as the resolution/size is poor/too small I think..
@@chrishampele181 I've already specced for the deepest box everywhere as I'm using Z-Wave switches/dimmers behind the light switches. I think I'll just order one to see what the resolution is like and to confirm the WAF...
@@pr19580 cool. good luck. mine failed and some months on, i'm pleased - as i use timed and motion/occupancy automations instead mainly and rarely need a physical switch. If I do want a physical switch, I don't want to have to swipe first before I can use it, so mainly used the larger buttons, rendering the screen largely redundant for most of the time in our experience.
I had to drop a 47mm backbox in the wall to accommodate it
So, if I do this I lose the thermostat feature?
Hold off on this tutorial Kyle. This week I’m releasing a simpler NSPanel tutorial that will allow you to access and use everything 👌🏻
Good video, I have it running with help of your instructions. Could you also share your HMI file so I can look and compare with the yaml in the nextion editor?
Done! I've added the file to my repo :)
Hey I've been getting "Upgrade response is 19". Packet capture shows the device is pulling the full file. Tried smaller and larger HMI files. Tried replacing the PR with the on_boot action to kick it out of reparse mode, tried dropping baud to 9600, calling the service without the log connected, etc. Any ideas?
hi, did you resolve the issue, I have the same, and did the same as you. Interesting that initially I managed to upload the tft few times.
@@bchervenyakov There's a pile of updates on the Github page and I've not tried recently but I THINK it is, or is close, to be being fixed
Great video. I have 4 units. got one unit white blank screen after upload tft file. I try re-flashing but the same result. any suggestion?
and I got "System Date ERROR!" on screen after that. :(
Great Video, Thank you very much!
But unfortunately there seem to have been some breaking changes in HomeAssistant since your release, which then show errors when "Validate" the "nspanel.yaml".
e.g. since HA2023.7.3 "restore_state" does not exist anymore.
I corrected it with "restore_mode" and "Validate" then ran successfully.
At the next step "Plug into this computer" the "Project" can not be created.
INFO ESPHome 2023.10.1
INFO Reading configuration /config/esphome/nspanel.yaml...
INFO Detected timezone 'Europe/Berlin'.
INFO Generating C++ source...
INFO Compiling app...
Processing nspanel (board: esp32dev; framework: arduino; platform: platformio/espressif32@5.4.0)
--------------------------------------------------------------------------------
HARDWARE: ESP32 240MHz, 320KB RAM, 4MB Flash
- toolchain-xtensa-esp32 @ 8.4.0+2021r2-patch5
Dependency Graph
|-- WiFi @ 2.0.0
|-- ESPmDNS @ 2.0.0
|-- Update @ 2.0.0
|-- WiFiClientSecure @ 2.0.0
|-- HTTPClient @ 2.0.0
Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion.cpp.o
Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion_commands.cpp.o
Compiling .pioenvs/nspanel/src/esphome/components/nextion/nextion_upload.cpp.o
Compiling .pioenvs/nspanel/src/esphome/components/number/automation.cpp.o
In file included from src/esphome/components/nextion/nextion_commands.cpp:1:
src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared
void set_nextion_rtc_time(time::ESPTime time);
^~~~~~~
src/esphome/components/nextion/nextion_commands.cpp:223:42: error: variable or field 'set_nextion_rtc_time' declared void
void Nextion::set_nextion_rtc_time(time::ESPTime time) {
^~~~~~~
src/esphome/components/nextion/nextion_commands.cpp:223:42: error: 'ESPTime' is not a member of 'esphome::time'
src/esphome/components/nextion/nextion_commands.cpp:223:42: note: suggested alternative:
In file included from src/esphome/components/time/real_time_clock.h:8,
from src/esphome/components/nextion/nextion.h:21,
from src/esphome/components/nextion/nextion_commands.cpp:1:
src/esphome/core/time.h:12:8: note: 'esphome::ESPTime'
struct ESPTime {
^~~~~~~
In file included from src/esphome/components/nextion/nextion_upload.cpp:1:
src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared
void set_nextion_rtc_time(time::ESPTime time);
^~~~~~~
In file included from src/esphome/components/nextion/nextion.cpp:1:
src/esphome/components/nextion/nextion.h:324:35: error: 'esphome::time::ESPTime' has not been declared
void set_nextion_rtc_time(time::ESPTime time);
^~~~~~~
*** [.pioenvs/nspanel/src/esphome/components/nextion/nextion_commands.cpp.o] Error 1
*** [.pioenvs/nspanel/src/esphome/components/nextion/nextion_upload.cpp.o] Error 1
*** [.pioenvs/nspanel/src/esphome/components/nextion/nextion.cpp.o] Error 1
========================= [FAILED] Took 13.55 seconds =========================
Is there an updated nspanel.yaml?
Does anyone else have the same problem? (Flashing is so currently no longer possible)?
Many greetings, Jo
OK! After ESPHome update and its breaking change (2023.9.3) ... Any ideas on how to fix it?
Following!
did you manage to get yours done as just trying but getting the errors@@andreasyiassemis
great video mark but can you do a more detailed video on nspanel i just cant get my head around how to add my lights and change the icons .i bet im not on my own with this one
In the works 😁
Thanks for reply mark can't wait nspanel sitting here wanting more 😁
@@lillywall123 the next video on the panel is a direct continuation from this one. It touches on setting up the HMI editor, changing your icons, adding pages and a few other bits which should help to get started creating your own :)
Not sure when it will be as my schedule has slipped due to me getting covid. It’s in the works though! :)