Sonoff NSPanel Blueprint - Configure your own custom NSPanel easy via a Blueprint

Long press the time area on the home page.

1 Like

I am looking to take an NSpanel and turn it into a dedicated wall display/switch for my ModernForms ceiling fan. I’m not sure if what I want to do is possible or where to start so any help is greatly appreciated. The fan/light is controllable via their phone app but I have no need to control the fan from anywhere outside of the room. I would love a simple wall switch/display and the NSpanel looked like it could possibly do what I need.

I am looking to use the two physical buttons to switch the light and fan on and off and have the screen display sliders to adjust the brightness and fan speed.

Here is a mockup of what I need.

Can someone please tell me if what I want to do is possible and point me in the right direction?

I have no issue with putting in the legwork to make it happen, I just don’t know where to start. I assume that I will need ESPhome but don’t want to flash the wrong thing and brick the device.

Do I need blueprint or nextion or both? There really is a lot of information to go through and its a bit overwhelming.

I’m also unsure if I will be able to use ESPhome to adjust both the light and fan. I know that modern forms has an integration so hopefully it can be tapped into to make this work?

Are you using Home Assistant?
If not I don’t think this blueprint would be help full as it relays on HA.
If so, I would suggestt attaching the fan to HA

and then just connect the blueprint etc.
I’m not sure about all possibilities for FAN support as I don’t use it.

But you will get the interface which comes with the blueprint and looks like this

it you are using another domotica system, there are other solutions,
if not you could still go for the NSPanel, but I think it will be a lot of work as you have to do everything youreself.

I am using HA and have the ModemForms integration installed.

From what I have read, the hardware buttons on the NSPanel can be assigned to any feature you want and don’t need to be used as relays. I have also watched videos of people using NSPanel with ESPhome / Nextion to create custom displays with on/off states and buttons to turn lights on/off… I’m just not sure if a slider can be implimented instead of up and down button presses.

Considering that there is a ModernForms integration, I can only assume that controlling the fan would be possible.

I just want to make sure that im heading in the right direction in terms of what to flash (assuming its ESPhome) and whether to use Blueprint or Nextion or both.

I think you are heading in the right direction,
if you have made sure your devices is connected and controllable by HA. then the next step would be installing the nspanel,
you need all 3, ESPhome, nextion and the blueprint to use this one.
esphome controls,
nextion shows the display.
and in the blueprint you can configure your controls.

this last part is probably where you are wondering about.

I definitely believe ESPHome is a great fit for your project, but I’m not sure the solution from this topic would be the best in your case, as we don’t have that specific screen you want.
I would them propose you to give this Blueprint based solution a try and see what is there and, if you don’t like it, it will be pretty easy to start your own project as ESPHome will be installed (and you can make your own code without having to re-flash it via cables) and also will have get rig of Sonoff original TFT (and all the trouble to change that when their advance repair protocol is in place).
If you decide to go to your own implementation, please drop me a message and I can help with the first steps. Even better if you make it a public repo in GitHub where other could use and contribute. :wink:

Is it possible to control RGB lights with this - and what I mean by that not only to switch them on/off but select colour ? I can see looking at the feature list that it is but there is nothing in the blue print where I can configure it.

Yes you can, simply touch longer on the rgb lamp button that you have configurated in the ns panel and you come in the color menu… it is a submenu… works fine… :slight_smile:

Hi there, sorry if this has been answered in the past. However, is it possible to change the wifi that the panel is connected to? When I try to change the wifi I get back an auth error (see image attached). Any help would be greatly appreciated!

If you still know your previous password, try adding this:

ota:
  - id: !extend ota_std
    password: <<your_previous_password>>

White that you should be able to flash it with the new Wi-Fi credentials and then use [this guide](NSPanel_HA_Blueprint/docs/customization.md at 0c0be2dd26ee12de5d30628c60940976b9ce40f8 · Blackymas/NSPanel_HA_Blueprint · GitHub to change the OTA password).

If you don’t have your previous password, then I’m afraid you will have to flash it via cable.

Is there any way to edit the button size on home page? The small buttons on the right side of the screen

Would like to have bigger buttons. Already tried to edit the size in HMI file but no effect.
Where do I need to edit to get bigger buttons?

Found also there is a home_simple page, can I activate this instead of home?

I have the same need but I wish to change ssid and password. From what I understand the provided link is for password only. Do I misunderstand ?

You can configure multiple WiFi connections with ESPHome, so yiu can use that to migrate to the new network and then later remove the old network.

I can’t get it working despite many tries and errors. Here what I did. In substitution section these two lines have been commented out:

# wifi_ssid: !secret wifi_ssid
# wifi_password: !secret wifi_password

and in the customization area this section has been added:

wifi:
  networks:
  - ssid: !secret wifi_ssid
    password: !secret wifi_password
    priority: 0
    manual_ip:
      static_ip: 192.168.21.172
      gateway: 192.168.21.1
      subnet: 255.255.255.0
      dns1: 192.168.21.1
  - ssid: !secret iot_ssid
    password: !secret iot_password
    priority: 1
    manual_ip:
      static_ip: 192.168.40.172
      gateway: 192.168.40.1
      subnet: 255.255.255.0
      dns1: 192.168.40.1 

Upon validation error message is displayed

INFO ESPHome 2024.11.1
INFO Reading configuration /config/esphome/salle-a-manger.yaml...
INFO Updating https://github.com/Blackymas/NSPanel_HA_Blueprint@main
WARNING Found '${wifi_password}' (see substitutions->ota_password) which looks like a substitution, but 'wifi_password' was not declared
WARNING Found '${wifi_ssid}' (see wifi->networks->0->ssid) which looks like a substitution, but 'wifi_ssid' was not declared
WARNING Found '${wifi_password}' (see substitutions->ota_password) which looks like a substitution, but 'wifi_password' was not declared
WARNING Found '${wifi_ssid}' (see wifi->networks->0->ssid) which looks like a substitution, but 'wifi_ssid' was not declared
INFO Updating https://github.com/Blackymas/[email protected]
Failed config

wifi: [source /data/packages/566b10a3/esphome/nspanel_esphome_core.yaml:122]
  
  Must specify use_address when using multiple static IP addresses.
  id: wifi_component
  power_save_mode: LIGHT
  networks: 
    - id: wifi_default
      ssid: ${wifi_ssid}
      password: ${wifi_password}
    - ssid: saintpierre
      password: rabategrillonfauquier
      priority: 0
      manual_ip: 
        static_ip: 192.168.21.172
        gateway: 192.168.21.1

I may miss something obvious to someone else eyes, but I still don’t see what.
Thank you

Another question. NS Panel is configured to be used with thermostat option. It works really well. However the interface displayed on NS Panel is an horizontal bar, not the thermostat card like it is displayed at the top of this page. Is there an option to change that?