<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<div class="moz-cite-prefix">Julien,<br>
<br>
sure, send me the diff, it's on my list as well, but I also had
some trouble with my fullscreen mode tests on elements, so I moved
it to the "later" list.<br>
<br>
My current idea is to fold the nav bar aside instead, or make it
vertical in landscape mode. Phones now have a very bad height
ratio in landscape, so every vertical space gainable is good.<br>
<br>
For your button, maybe the chart just needs an .update() call
after the switch. The SVG needs to be updated on resize as some
element offsets and lengths are calculated in pixels. The chart
system takes care for standard resizing, but possibly not for a
tweak like that.<br>
<br>
Regards,<br>
Michael<br>
<br>
<br>
Am 05.04.2018 um 00:29 schrieb Julien “JaXX” Banchet:<br>
</div>
<blockquote type="cite"
cite="mid:4e24b0b0-9531-42f2-8e33-1e870d24a8fe@Spark">
<title></title>
<div name="messageReplySection" style="font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;"><br>
On 4 Apr 2018 at 12:47 +0200, Michael Balzer
<a class="moz-txt-link-rfc2396E" href="mailto:dexter@expeedo.de"><dexter@expeedo.de></a>, wrote:<br>
<blockquote type="cite" style="margin: 5px 5px; padding-left:
10px; border-left: thin solid #1abc9c;">Am 04.04.2018 um 09:45
schrieb Julien “JaXX” Banchet:<br>
<blockquote type="cite" style="margin: 5px 5px; padding-left:
10px; border-left: thin solid #e67e22;">Anyways, just
charged a tablet, gonna try out Michael’s Dashboard (can’t
find the fullscreen button in the browser :/) makes me think
that it<br>
could be embedded in an app on Cordova/PhoneGap directly!<br>
</blockquote>
<br>
Julien,<br>
<br>
to open the web UI in full screen mode, use the browser menu
"add to home screen", then launch from the icon generated.<br>
<br>
Regards,<br>
Michael <br>
</blockquote>
<br>
<div><br>
</div>
<div>Yes ! And it frees up some extra vertical space:</div>
<div><a
href="https://twitter.com/happyjaxx/status/981581884101677062"
moz-do-not-send="true">https://twitter.com/happyjaxx/status/981581884101677062</a><br>
</div>
<div><br>
</div>
<div>Looks like Highcharts doesn’t like being shaken around too
much though,</div>
<div>Was doing html5 fullscreen requests to get the dashboard,
and only the dashboard, placing a button in the panel-header,
fullscreening the inner div, but the gauges don’t really like
it, plus the result is radically different from one browser to
another, toying with the height gives some funky results (some
dynamically apply css positioning and margining, others don’t)
:-)</div>
<div><br>
</div>
<div><img src="cid:part2.CC08C267.FEEDACBF@expeedo.de"
data-originalsrc="file:///var/folders/g6/qmyszvdj0yd2hqwd5833jp6m0000gn/T/com.skitch.skitch/DMDD44578D4-F643-48BE-B862-16603C6F5E1C/OVMS_Dashboard.jpg"
class=""><br>
</div>
<div><br>
</div>
<div>Got the code stashed if you want to give it a look, though
it’s kinda light and (too?) simple.</div>
<div><br>
</div>
<div>And Firefox, my personal favorite, is kind of a pain in
this approach, though mobile browsers are more webkit
oriented.</div>
<div><br>
</div>
<div>Anyways, had fun, zzz for now</div>
<div><br>
</div>
<div>JB./.</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
OvmsDev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:OvmsDev@lists.openvehicles.com">OvmsDev@lists.openvehicles.com</a>
<a class="moz-txt-link-freetext" href="http://lists.openvehicles.com/mailman/listinfo/ovmsdev">http://lists.openvehicles.com/mailman/listinfo/ovmsdev</a>
</pre>
</blockquote>
<br>
<br>
<pre class="moz-signature" cols="144">--
Michael Balzer * Helkenberger Weg 9 * D-58256 Ennepetal
Fon 02333 / 833 5735 * Handy 0176 / 206 989 26
</pre>
</body>
</html>