It only took us 30 posts, so there were three of us with the same reading problem. Glad to help though.
So I am stuck here where it is not connecting to my mqtt. I have nabu casa remote services. will this block the mqtt from working on my local network?
No, but not using the MQTT server IP address will. Try homeassistant.local
i used my home assistant ip and it works.
now i am trying to figure out
why only one button works
why all my pages appear at once
how to stream video to it / how to send a new picture to it captured from a doorbell cam
what box to use to install it in
but i have a lot more reading to do
One thing at a time.
For us to ofer ny help, we need to see the complete pages.jsonl file (use code tags).
I haven’t tried video. Can’t help there.
Do you have the URL of the photo? Here is my test configuration with an image of my wife and daughter:
{
"comment":" ------------------------- Page 4 Image -------------------------"
}
{
"page":4,
"id":1,
"obj":"img",
"src":"L:/steph-kim-240x240.png",
"x":120,
"y":120
}
It is a standard European switch box. I 3D printed an adapter to put it into a 2-gang US box. (But I haven’t installed it yet). Do a search on Thingverse for" Type 86 Sonoff T1 UK to Duel US Gangbox adapter - 2868610
"
Not possible.
Use the openhasp.push_image action, there is an example here Example Automations - openHASP
POST THE CODE- NOT AN IMAGE.
If you post the code using code tags, we can try to reproduce your problem.
And perhaps you will need to upload tree.png
{"page":0,"comment":"Page 0"}
{"id":7,"obj":"btn","action":{"down": "page prev"},"x":30,"y":390,"w":120,"h":60,"radius":20,"bg_color":"#2C3E50","text":"\uE141","text_color":"#FFFFFF"}
{"id":8,"obj":"btn","action":{"down": "page 1"},"x":180,"y":390,"w":120,"h":60,"radius":20,"bg_color":"#2C3E50","text":"\uE2DC","text_color":"#FFFFFF"}
{"id":9,"obj":"btn","action":{"down": "page next"},"x":330,"y":390,"w":120,"h":60,"radius":20,"bg_color":"#2C3E50","text":"\uE142","text_color":"#FFFFFF"}
{"page":1,"id":0,"prev":3}
{"page":3,"id":0,"next":1}
{"page":1,"comment":"Page 1"}
{"id":1,"obj":"btn","x":30,"y":30,"w":180,"h":90,"radius":20.5}
{"id":2,"obj":"btn","x":270,"y":30,"w":180,"h":90,"radius":20.5}
{"id":3,"obj":"btn","x":30,"y":150,"w":180,"h":90,"radius":20.5}
{"id":4,"obj":"btn","x":270,"y":150,"w":180,"h":90,"radius":20.5}
{"id":5,"obj":"btn","x":30,"y":270,"w":180,"h":90,"radius":20.5}
{"id":6,"obj":"btn","x":270,"y":270,"w":180,"h":90,"radius":20.5}
{"page":2,"comment":"Page 2"}
{"id":1,"obj":"slider","x":60,"y":150,"w":390,"h":60,"min":0,"max":280}
{"id":2,"obj":"slider","x":60,"y":300,"w":390,"h":60,"min":0,"max":280}
{"id":8,"obj":"label","x":90,"y":90,"w":300,"h":60,"align":"center","text":"LIVING ROOM"}
{"id":9,"obj":"label","x":90,"y":240,"w":300,"h":60,"align":"center","text":"DINING ROOM"}
{"page":3,"id":1,"obj":"img","src":"L:/tree.png","auto_size":1,"w":50}
I dont know if the forum has a method of file transfers. All I could do with your image is to copy it as a JPG then use Photoshop to convert it to PNG. If there is something wrong with your source image, I would need the actual file. You can use any of these services for transferring the actual file:
- Google Drive - Offers 15 GB of free storage.
- Dropbox Basic - Provides 2 GB of free storage.
- OneDrive - Comes with 5 GB of free storage.
- WeTransfer - Allows you to send files up to 2 GB for free.
- Jumpshare - Offers 2 GB of free storage and allows you to share files and screenshots.
- MediaFire - Provides 10 GB of free storage.
- pCloud - Offers 10 GB of free storage.
- Zippyshare - Allows you to upload and share files for free.
- DropSend - Provides 4 GB of free storage.
- file.io - Super simple file sharing with no sign-up required.
Your configuration is good, with one modification. I don’t know what resolution that is your original PNG file, but my photoshopped image is 360x360 pixals, so I changed the w: parameter to 360. Here is the modified configuration and the result.
{
"page":9,
"id": 1,
"obj":"img",
"src":"L:/tree.png",
"auto_size":1,
"w":150
}
you are correct it is 360x360 pixels and it is a png file. I Copied your code and changed the page to 3 for mine and it didnt work. could it be because i have buttons on page 0 i dont know if it would effect it.
google drive for png
Yes it could be page 0 giving it a problem. Try without the page 0 stuff, then add them back in.
this is the code i was trying and it didnt work
{“page”:1,“comment”:“Page 1”}
{“id”: 1,“obj”:“img”,“src”:“L:/tree.png”,“auto_size”:1,“w”:360,“h”:360}
No. page 0 is properly formatted.
Your PNG file is the problem. It looks like someone just renamed a JPG file as PNG. It won’t work. Mediainfo says that this is a JPEG file.
yep,
tree.png: JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 360x360, components 3
Rename it to tree.jpg then use the standard convert utility
mv tree.png tree.jpg
convert tree.jpg tree.png
Standard where? Imagemagick?
If the OP doesn’t have Photoshop, there is Photopea.com- a photoshop-similar editor. Free if you don’t mind ads.
Yes