full screen scaling

[joearms]

I've been playing with NexusUI - it's very nice. The ipad-demo.html in the examples
does not scale to full screen on my iPad. I think it would be nice to make a demo that removes
the browser chrome and goes full-screen on an iPad

If you add

To the head of the page, then browse to page from the iPad and save the link (Add to home screen)
then when you refresh the from the home screen all the browser chrome is removed - but the
application does not scale to fill the screen -

This use case - full screen on the iPad with large controls is exactly what I need for music
applications :-) - that and websockets. Conversion from websockets to OSC can be done
"upstream"

Cheers

[taylorbf]

Hey there @joearms . Yes adding the meta tag to make the page full screen is a good thing to do. That is really up to each user, though -- the example pages are just meant to be simplest-possible demos.

What do you mean by "but the application does not scale to fill the screen" ? It sounds like, for this situation, you need to use some inline CSS to make the interface elements larger. Is that what you mean?

[taylorbf]

/examples/responsive.html may be useful to you, too. It uses percentage width & height so the interface always scales to full-screen.

[taylorbf]

Note: Version 2 no longer accepts percentage widths (I.e. interfaces are no longer responsive, for now). This was a product of switching to SVG and getting this update off the ground. I'm hoping responsive interfaces will be re-implemented in a future update.