Planning and setup - ESP32-S3 - 4848S040 - 480*480 IPS touchscreen

Hardware
205

Never used it- now I will. Thanks.
It sounds more straightforward than running Photoshop and exporting the png.

206

Sure is!!

207

Has anyone tried this gadget?
4 Inch ESP32-S3 IPS Touch Screen 86 Box Central Control Panel Monitor WiFi BT RS485 Chip Optional Temperature Humidity Sensor

pdf

image
image839×704 110 KB

It also includes temperature, humidity and modbus. I ordered one, can’t wait to receive it.

208

also try irfranview
great for batch altering of piccies!

209

yes, I have one here, just starting to figure out how to scale ‘stuff’ properly
most of the demo code and things you find are 320x240 or similar, not 480x480.
my advice, practice with the screen looking a little strange,
once you figure out the automations, integratinos etc, then spend time making it look awesome!

210

Hello everyone!
I am looking for a new project for the holidays and found this screen.

Will this one work? And in case what Nightly Development Build should I go for when it screen and the holiday arrives?

or:

BR.

211

Hi lads. I have this device for a few weeks now, and I went to ESPhome. I tried OpenHASP first, but I didn’t like it’s limitations, and the native integration with HA is a must for me. Not to mention that the performance of the display is way better with EPShome than OpenHASP. So, this is what I have now, still improving day by day. At the moment it’s a massive ~2500 lines in ESPhome.
Here is a demo video, and I’m sharing the code if someone looking for inspirations. The background pics and weather icons are might be under licence, that’s the reason why I’m not sharing them, so find your own.

3 Likes
212

That looks awesome Imre!
And despite the 2500 lines of code, by the look of the video, operations seem to be smooth/fluent. If there were any lags, it would become difficult / annoying to operate it on a daily basis. I looked at your code too, it seems that you’ve cracked the nut by getting it both the display and touchscreen properly functional. Great job!
I’ve one lying around for somewhat of a year now, but did not manage to get it properly functioning. With your code, I think I can get it tuned up to my needs !
Thanks!!!

1 Like
213

Hi Roger.
I have done few changes since my post, and still I’ll have to improve/finish few things, but yes, my code could be a good starting point. Be aware, some parts are not working as expected (yet): blind controls, alarm page (the code not even finished yet).
Of course, if you have any idea, or implementation, I’d like to see :wink:

214

Hi.
Anybody managed to change internal relay state with button? I wish to have ability to control relay without need for HA connection etc.
I tried adding

{"comment": "       Page 3          "}
{"page":3,"id":2,"obj":"btn","action":{"output40":{"state":"on"}},"x":50,"y":80,"w":140,"h":150,"text":"\uE143","text_color":"#FFFFFF","bg_color":"#2C3E50" ,"radius":0,"border_side":0,"text_font":32}
{"page":3,"id":3,"obj":"btn","action":{"output40":{"state":"off"}},"x":50,"y":250,"w":140, "h":150,"text":"\uE140","text_color":"#FFFFFF","bg_color":"#2C3E50" ,"radius":0,"border_side":0,"text_font":32}

on one of the page, outputs are properly configured in plate configuration window,but it doesn’t work.
Thanks.

215

I have a pair of buttons controlling two relays:

{"comment":" ----------- Light switches ------------"}
{"id":2,"obj":"btn","x":0,"y":390,"w":90,"h":90,"toggle":true,"text":"\uE335","text_font":32,"mode":"break","align":1}
{"id":3,"obj":"btn","x":390,"y":390,"w":90,"h":90,"toggle":true,"text":"\uE335","text_font":32,"mode":"break","align":1,"groupid":1}

Works just fine even when HA is offline. Note the use of toggle rather than separate on & off buttons/commands.

216

Evening,

great tutorial. I just received the version without Relais. So I’m looking for a 3D file so that I can mount in a wall socket. Searching the thingiverse did not end well.

Thanks for a link.

Cheers

André

217

I made box myself. There are no holes, you drill them after print where you need them.
You can find it HERE To be honest, i didn’t use it yet, so i don’t know how it holds in a wall, but i guess it should be ok. It’s sturdy enough to put some holes and screws to fix it if needed. I uploaded it quickly, so no real photos yet (i’ll uplad one when i come home, i do have one printed).
For screws i used heat inserts.

218

Hi all

is there a way to disable status icon?

For example, when I use a light switch on the panel and I toggle it, I get a lightbulb icon overwriting the “Temperature” text

photo_2025-04-19 18.51.29
photo_2025-04-19 18.51.291280×1183 76.8 KB

Is there a way to disable it?

Thanks

219

Post your YAML configuration file.

220

Hi @stevemann

here is my code

openhasp:

  walldisplay:

    objects:
      - obj: "p0b1"  # temperature label on all pages
        properties:
          "text": '{{ states("sensor.temperatura") }}°C'
      - obj: "p1b2"  # light-switch toggle button

        properties:
          "val": '{{ 1 if states("light.studio") == "on" else 0 }}'
          "text": '{{ "\uE6E8" if is_state("light.studio", "on") else "\uE335" | e }}'
        event:
          "up":
            - service: light.toggle
              entity_id: "light.studio"

Thanks

221

uE6E8 is the MDI icon for Lightbulb On
uE335 is the MDI icon for Lightbulb off

You don’t want to see the lightbulb on icon, don’t use it:

"text": '{{ "" if is_state("light.studio", "on") else "\uE335" | e }}'

1 Like
222

Thanks!!

I’m newbie with openHASP and I just copied and modified some example and wasn’t aware that uE6E8 and uE335 were icons


223

I wasn’t either until dabbling in OpenHASP.

224

Would like to try this for displaying electricity prices in the laundry room.
I’m very new to ESP and have no knowledge about hardware, can anybody share what components/hardware you use for it? Is it simple plug&play or does it require soldering?
Thank you and appreciate your answer!