Charmed Quark Systems, Ltd. - Support Forums and Community
WebRiva iPhone X - Printable Version

+- Charmed Quark Systems, Ltd. - Support Forums and Community (https://www.charmedquark.com/vb_forum)
+-- Forum: General Discussion (https://www.charmedquark.com/vb_forum/forumdisplay.php?fid=3)
+--- Forum: Installation/Configuration (https://www.charmedquark.com/vb_forum/forumdisplay.php?fid=10)
+--- Thread: WebRiva iPhone X (/showthread.php?tid=10492)

Pages: 1 2 3 4


WebRiva iPhone X - monetteboy - 01-15-2018

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!


RE: WebRiva iPhone X - Dean Roddey - 01-15-2018

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?


RE: WebRiva iPhone X - monetteboy - 01-15-2018

(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?


RE: WebRiva iPhone X - Dean Roddey - 01-15-2018

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.


RE: WebRiva iPhone X - EST - 01-15-2018

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.


RE: WebRiva iPhone X - monetteboy - 01-15-2018

I got it work after I down scaled the image. I'll play with it some more as the image is really grainy now.


RE: WebRiva iPhone X - znelbok - 01-15-2018

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


RE: WebRiva iPhone X - Dean Roddey - 01-15-2018

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.


RE: WebRiva iPhone X - monetteboy - 01-16-2018

(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?


RE: WebRiva iPhone X - Dean Roddey - 01-16-2018

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.