Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
WebRiva iPhone X
#1
Hey!

I'm starting the initial process to redo my interfaces and move to using WebRiva.  I emailed Dean with a few questions and he suggested I post here.

What I'm after is to run it from the home screen to make it feel like a native app as much as possible.  Here's what I've got so far and was curious if anyone else is using an X.

1.  No status bar - as soon as it loads the status bar disappears and with the iPhone X it leaves a good portion of the top just empty.

2.  Size of layouts - since the screen is 375x812 then scaled at 3x.  I started with layouts at 375x812 but the bottom is cut off...I'm assuming the sensor area must account for some of that.

3.  How are you handling the rounded corners of the screen?  I guess just make the layout extend over enough so you don't see the square corners?

Thanks for any tips or suggestions anyone might have!
Reply
#2
For #3 I would say, yeh, just make it large enough that the corners are lost. But how does the phone place content. Is the left/top of the content on the left/top so that all you need to do is make the bottom/right big enough to hit the bottom and right? Or does it place the upper/left such that the corner of the content touches the rounded corner? I.e. does it try to prevent clipping by the rounded corners?
Dean Roddey
Explorans limites defectum
Reply
#3
(01-15-2018, 09:09 AM)Dean Roddey Wrote: For #3 I would say, yeh, just make it large enough that the corners are lost. But how does the phone place content. Is the left/top of the content on the left/top so that all you need to do is make the bottom/right big enough to hit the bottom and right? Or does it place the upper/left such that the corner of the content touches the rounded corner? I.e. does it try to prevent clipping by the rounded corners?

Good question...I'll see if I can't find that out.

Also...I've been trying to set a background image but it never shows.  That is supported in WebRiva right?
Reply
#4
I assume you mean as the main template background? Yeh, any of the image features should be supported on WebRIVA. Does it show up correctly on the IV?

It's not some giant image or something is it? Best to pre-scale it to fit the background and avoid a lot of overhead to download a really big image just to have to scale it on the phone.
Dean Roddey
Explorans limites defectum
Reply
#5
I tried hi-res images as a background for WebRiva and it wasn't showing...was looking through the logs and I saw errors every time I loaded WebRiva.  Narrowed it down to the image.  Once I removed the image, the error stopped.  I put in a low res image and was fine.
System: WHS, UPB, Plex, Elk
Drivers: Autopatch, DataLog DB, DTV IP, GC-100, IRA, Logic Server, Variable Driver, Weather Underground
Reply
#6
I got it work after I down scaled the image. I'll play with it some more as the image is really grainy now.
Reply
#7
Yeah, I am having trouble with images as well. Some for some reason just wont display, but they don't hold up the page from loading though - they just show the background colour
Mykel Koblenz
Illawarra Smart Home
Reply
#8
If they are large and the connection isn't fast, it can cause an issue. For remote clients it would probably be best to stick to simpler images. For instance, don't use a 32 bit per pixel alpha based image unless alpha is really required. If it only needs a small number of colors, use a palette based format which can drastically reduce the size. If it only needs image content in a few places (the corners) use just corner images and let the middle be just a color, i.e. don't have all that middle part be part of the image.

And definitely don't use an image far larger than is required. Stuff like that.
Dean Roddey
Explorans limites defectum
Reply
#9
(01-15-2018, 11:41 AM)Dean Roddey Wrote: If they are large and the connection isn't fast, it can cause an issue. For remote clients it would probably be best to stick to simpler images. For instance, don't use a 32 bit per pixel alpha based image unless alpha is really required. If it only needs a small number of colors, use a palette based format which can drastically reduce the size. If it only needs image content in a few places (the corners) use just corner images and let the middle be just a color, i.e. don't have all that middle part be part of the image.

And definitely don't use an image far larger than is required. Stuff like that.

Can it cache images like the old iOS app?
Reply
#10
No, browser based applications don't have that option. There's a tiny amount of storage available, but it would hardly handle a single decent sized image.

It does cache them for any given run. So, as long as the image hasn't been changed in the CQC side, for any given lifetime of a browser tab with WebRIVA in it, it won't download an image twice. And it's superior to the old RIVA clients in that it WILL update if the image changes, so it picks up changes automatically with basically no extra overhead for keeping up with that.
Dean Roddey
Explorans limites defectum
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  How to size Interface Viewer WebRIVA templates gReatAutomation 5 2,587 12-24-2019, 05:29 PM
Last Post: Dean Roddey
  Server Hardware for WebRiva greyjeep 4 2,790 08-04-2019, 07:15 AM
Last Post: gReatAutomation
  WebRIVA, domains, Security Certs IVB 56 21,212 12-16-2018, 08:33 PM
Last Post: IVB
  WebRIVA - Raspberry PI - View Only batwater 4 4,320 12-09-2018, 04:42 PM
Last Post: znelbok
Star Webriva for dummies rtarver 3 2,356 12-08-2018, 07:00 PM
Last Post: Dean Roddey
  Best Resolutions for iOS using WebRIVA znelbok 3 2,536 01-23-2018, 09:34 AM
Last Post: Dean Roddey
  webriva template question lleo 21 12,321 01-08-2018, 08:53 AM
Last Post: Dean Roddey
  Scrolling on iPhone Stipe 0 1,506 02-11-2013, 03:16 AM
Last Post: Stipe
  Touchpanel/Touchcomputer + iPhone = New Wireless Mouse & Keyboard 1080iAddict 2 2,484 02-01-2010, 07:27 PM
Last Post: 1080iAddict
  Using iPhone WebApp framework with CQC Bodshal 9 4,874 01-28-2009, 04:42 PM
Last Post: panos_k75

Forum Jump:


Users browsing this thread: 2 Guest(s)