Hi all,
i tested on openhab 4.3.2 interactive SVG-backgrounds (Docs interactive-svg-backgrounds). This works fine on desktop with a normal browser (chrome).
But if im opening the same page with the interactive SVG on actual android-app then it stays empty.
What i can see from the log of the nginx-proxy is that the android-app requests the page, but not the svg-graphics.
Do i have to do something on the app settings or is this this time not yet possible?
I just tried it with a highly complex interactive SVG setup with more than 100 items and a huge SVG and it works like a charm (and to be honest I had forgotten to check that but fortunately it works):
For reference I am on openHAB 4.3.0 and Android openHAB App 3.16.2 and Android 13.
Did you try with a very simple SVG? just trying to isolate the issue.
Hi Stefan,
thanks for your answer. i created now a simplified version of my svg with now only one element.
in the page edit it is possible to assign an item for state and colors and so on. it worked fine also with the non simple drawing - but only on browser an a desktop.
if im doing that with my android in the normal app then im getting this:
i searched the openhab.log but no errors. I also tried it via the direct-server url to avoid that my nginx is in there. No difference.
My phone shows in the installed app that the app on phone is 3.16.2 and the needed android version is 5.0 or higher.
If im looking to the log of the app then im seeing:
01-31 10:51:33.671 32669 32669 E InputMethodManager: closeCurrentInput
01-31 10:51:33.673 32669 32669 E chromium: [ERROR:aw_browser_terminator.cc(165)] Renderer process (2947) crash detected (code -1).
01-31 10:53:12.776 32669 32669 E penhab.habdroi: Invalid ID 0x00000010.
01-31 10:53:12.776 32669 32669 E penhab.habdroi: Invalid ID 0x00000010.
01-31 10:53:12.791 32669 32669 E HwWindowManager: setDragStartBitmap check not in window cast mode.
01-31 10:53:59.053 32669 32669 E RtgSchedManager: endActivityTransaction: margin state not match
01-31 10:53:59.065 32669 32669 E RtgSchedManager: endActivityTransaction: margin state not match
The id of the element is “bodenheizung_leitung” if im visiting the xml of my svg, which i created with inkscape. So im not sure if this messages are in relation to not-showing the svg.
Edit: now i got a hint: on desktop the scaling is good, but on android i has to scroll about 3 times to the right and then the drawing appears.
So it seems a problem that there is an issue with scaling?
My drawing starts on 0mm,0mm and size is like an A4:
What can i do to start drawing in this way that it is showing on the visible part ofg the app? What do you think what could i change?
Hi Stefan,
i tried your simple “MyText” example also with the source-code of the page. It is exactly the same which i wrote in my last edit, that im seeing an empty screen and have to scroll to the right about 1 time and then im seeing MyText in a very big scale.
So i guess it is somewhere an issue with scaling which is not optimal for my phone.
My android-phone has a screen 3120x1140. So from my optinion it should be able to display something which is like in your pagesource screenHeight: 1080 screenWidth: 1920 but the issue you have to scroll is still existing.
Hi Stefan,
i got a partly solution:
i did a little bit elements-debugging in browser and got out that the screenwith has to much size for the element " oh-canvas-layout"
Documentation told me how to set this.
screenWidth: 360px
Then it is shown on Android correctly -then android is seeing with 360 on my mobile:
here the runmode:
On desktop then i have to search the svg. it is very small then.
But it seems not to work to use there a percentage… Or do you think there is a way to work with percentages?
The downside is IMHO that fixed canvas layouts are meant to be optimized for specific screen sizes and not responsive.
I create different layouts for my tablet and phone.
this would make sence for a jpg. But a vector graphic would be nice to be used at a width of a mobiledevice and also with a width of a desktop.
im dreaming to find out how to modify the style of the containers to something like
width: 100%
I dont know if this is possible to modify the stylees directly or if this is something what is not user-configurable…