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

The GitHub discussion has a thread with people showing off what they have done. I’ve been meaning to do the mushroom style version.

Last post someone posted a link for changing resolutions if you want one plate on another size/resolution screen. Haven’t tried it though

1000007047

Yes, check my post above. Lots of examples in the GitHub discussion threads. Also. A utility to convert resolutions for different size screens but I haven’t tested it.

Could anyone here tell me what could be wrong?
I’ve been trying the last couple of hours to set up my test configuration for two buttons but no success.

Using following in <configuration.yaml>

  test:
    objects:
      - obj: "p1b1" # Button Button 2
        properties:
          "val": '{{ 1 if states("light.w1") == "on" else 0 }}'
          "text": '{{ "\uE6E8" if is_state("light.w1", "on") else "\uE335" | e }}'
        event:
          "up":
            - service: homeassistant.toggle
              entity_id: "light.w1"

      - obj: "p1b2" # Button Button 1
        event:
          hold:
            - service: homeassistant.toggle
              entity_id: "light.w1"

and following in <plate.jsonl>

{"page":0,"comment":"Page 0"}
{"id":1,"obj":"obj","x":0,"y":0,"w":240,"h":60,"enabled":false,"bg_color":"#aa47bc","bg_opa":128}
{"id":3,"obj":"obj","x":240,"y":0,"w":240,"h":60,"enabled":false,"bg_color":"#aa47bc","bg_opa":128}
{"id":8,"obj":"label","x":0,"y":0,"w":240,"h":60,"parentid":3,"align":"center","text":"00:00","template":"%H:%M"}
{"id":5,"obj":"btn","x":400,"y":420,"w":60,"h":40,"radius":20,"text":">","action":{"down":"page next"}}
{"id":6,"obj":"btn","x":20,"y":420,"w":60,"h":40,"radius":20,"text":"<","action":{"down":"page back"}}

{"page":1,"comment":"Page 1"}
{"id":1,"obj":"btn","x":280,"y":120,"w":120,"h":260,"radius":25,"text":"Button 2"}
{"id":2,"obj":"btn","x":80,"y":120,"w":120,"h":260,"radius":25,"text":"Button 1"}

which seems to work well enough on the plate:
image

But I simply can’t get the buttons to turn anything on or off in home assistant even though according to the OpenHASP the connection is there:

Anyone able to help me out?

Post your complete plate.jsonl file.
I see nothing wrong with the fragments you posted.

Also, you can use MQTT Explorer to see what the button presses are sending to Home Assistant. (it’s available as an add-on but I prefer the stand-alone version).

You can also telnet to the plate and get debugging info.

Firstly, thanks for the replies! Secondly I’ve corrected ID assignments of the buttons on page1 and copied the properties from one button to the other. Did not change a lot except for the expected but after around two reboots Button 1 seems to finally toggle the light and a long press on Button 2 seems to also toggle the same light for some reason.

That’s all of <pages.jsonl>

{"comment":"Designer Config","page_size":"large_square","plate_name":"openhasp"}

{"page":0,"comment":"Page 0"}
{"id":1,"obj":"obj","x":0,"y":0,"w":240,"h":60,"enabled":false,"bg_color":"#aa47bc","bg_opa":128}
{"id":3,"obj":"obj","x":240,"y":0,"w":240,"h":60,"enabled":false,"bg_color":"#aa47bc","bg_opa":128}
{"id":8,"obj":"label","x":0,"y":0,"w":240,"h":60,"parentid":3,"align":"center","text":"00:00","template":"%H:%M"}
{"id":5,"obj":"btn","x":400,"y":420,"w":60,"h":40,"radius":20,"text":">","action":{"down":"page next"}}
{"id":6,"obj":"btn","x":20,"y":420,"w":60,"h":40,"radius":20,"text":"<","action":{"down":"page back"}}
{"id":9,"obj":"btn","x":180,"y":420,"w":100,"h":40,"radius":20,"text":"reboot","action":{"up":"reboot"}}

{"page":1,"comment":"Page 1"}
{"id":1,"obj":"btn","x":80,"y":120,"w":120,"h":260,"radius":25,"text":"Button 1"}
{"id":2,"obj":"btn","x":280,"y":120,"w":120,"h":260,"radius":25,"text":"Button 2"}

And that’s the openhasp config in <configuration.yaml>

openhasp:
  test:
    objects:
      - obj: "p1b2" # Button Button 2
        properties:
          "val": '{{ 1 if states("light.w1") == "on" else 0 }}'
          "text": '{{ "\uE6E8" if is_state("light.w1", "on") else "\uE335" | e }}'
        event:
          "up":
            - service: homeassistant.toggle
              entity_id: "light.w1"

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

When you change pages.conf, you need to press “Reload” in the editor.

That much I know. Reloading only the configuration didn’t seem to work but restarting whole Home Assistant seemed to set it up correctly. Although still using the same configuration above, Button1 still toggles only on long press…

@stevemann suggested looking at your mqtt. I suggested looking at telnet. You have done neither.

sorry, I need help please, I’m stuck at this stage, I don’t understand what I need to do next, could you help me?

All will be revealed in the docs. Overview - openHASP

I reread the post several times and consulted all the sites but I don’t understand how to proceed to connect the screen to MQTT

The plate has a a web page. It is configured from there.

how can I access this web page?

With a web browser. How are you accessing the forum?

yes but what is this wab page?

It is on port 80 of the IP address that the plate for when it joined your wireless. So just put the IP address in your browser. I thought you’d read the docs?

I read them yes but I really don’t know anything about it. I’ve been trying to get this screen to work for about 2 days but what I would like to know is how can I see this IP address?

Restart the plate, it should flash up as the device restarts.

You have got it connected to your wireless access point haven’t you?

Also your devices IP address should show up in your access points logs.

I connected them yes but it does not flash