<div dir="ltr">I've checked at my screen size : it is a 16/9 1366x766.<div>Maybe that is why the width has not changed (and I was wrong, height was a little less with my new json file).</div><div><br></div><div>Though, the XO-1 has a height of 900.</div>
<div>So, I don't know yet what could be the best "compromise" in my case.</div><div><br></div><div>Maybe trying with a resolution like 934x700</div><div><br></div><div>Regards</div></div><div class="gmail_extra">
<br><br><div class="gmail_quote">2013/10/10 laurent bernabe <span dir="ltr"><<a href="mailto:laurent.bernabe@gmail.com" target="_blank">laurent.bernabe@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">I've changed the prefs.json file, in order to set a resolution of 1200x900 on HDMI1, but it does not seem to have changed anything. <div><br></div><div><div>{</div><div> "output": "HDMI1",</div>
<div> "resolution": "1200x900"</div><div>}</div></div><div><br></div><div>Width still takes the whole screen width.</div><div>Same for height.</div><div><br></div><div>(I've stopped and restarted osbuild shell).</div>
</div><div class="gmail_extra"><br><br><div class="gmail_quote">2013/10/10 laurent bernabe <span dir="ltr"><<a href="mailto:laurent.bernabe@gmail.com" target="_blank">laurent.bernabe@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Are you talking about options from this page : <a href="http://developer.sugarlabs.org/dev-environment.md.html" target="_blank">http://developer.sugarlabs.org/dev-environment.md.html</a> ?<div><br></div><div>
Regards</div></div>
<div class="gmail_extra"><br><br><div class="gmail_quote">2013/10/10 Daniel Narvaez <span dir="ltr"><<a href="mailto:dwnarvaez@gmail.com" target="_blank">dwnarvaez@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
It might be helpful to change the sugar-runner window size, see the dev environment documentation on <a href="http://developer.sugarlabs.org" target="_blank">developer.sugarlabs.org</a><br><br>On Thursday, 10 October 2013, laurent bernabe wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Otherwise,<div><br></div><div>I thought, as my laptop may have wider screen than OLPC, I can try to restrict the activity zone (toolbar + canvas zone) with css (even if that task can be hard) and have it centered on my screen. And maybe add a bit of Javascript in order to restrict mouse interaction to the "emulated zone".</div>
<div><br></div><div>Maybe that can be silly, but at least, I will "have a screen" close to the real XO, and a more realistic result.</div><div><br></div><div>Regards</div></div><div class="gmail_extra"><br><br>
<div class="gmail_quote">
2013/10/10 laurent bernabe <span dir="ltr"><<a>laurent.bernabe@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Hello,<div class="gmail_extra"><br><div class="gmail_quote">2013/10/10 Manuel Quiñones <span dir="ltr"><<a>manuq@laptop.org</a>></span><br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
2013/10/9 laurent bernabe <<a>laurent.bernabe@gmail.com</a>>:<br>
> Hello,<br>
><br>
> *) I am wondering whether I can safely replace, in an index.html file of a<br>
> web activity, the <div id="canvas></div> with <canvas id="canvas"></canvas><br>
> ?<br>
><br>
> Because the library I am using need a real canvas element.<br>
<br>
You just put your <canvas> inside that <div>.<br></blockquote><div><br></div><div>I've put my canvas element inside the #canvas div and it worked.</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<br>
> *) Also, if I can use a real canvas element, how can set its size to the<br>
> remaining size of the screen ? (As my laptop has a wider screen than XO<br>
> ones).<br>
<br>
It's possible by connecting to the window resize event in JS. You can<br>
see an example in Clock Web activity.<br>
<br>
<a href="https://github.com/manuq/clock-web" target="_blank">https://github.com/manuq/clock-web</a><br>
<a href="http://manuq.github.io/clock-web/" target="_blank">http://manuq.github.io/clock-web</a></blockquote><div><br></div><div><br></div><div>Wouldn't be simpler to use CSS instead ? I've seen that there are two css media added in the index.html, which seem to do what I am waiting for (#canvas => width:100%, overflow-y: auto, and top: 75px), but it seem that none are used. (Canvas lays at top = 0 px and left = 0px, width is about 300px ...)</div>
<div><br></div><div>Regards</div></div></div></div>
</blockquote></div><br></div><span><font color="#888888">
</font></span></blockquote><span><font color="#888888"><br><span class="HOEnZb"><font color="#888888"><span><font color="#888888"><br>-- <br>Daniel Narvaez<br><br>
</font></span></font></span></font></span></blockquote></div><span class="HOEnZb"><font color="#888888"><br></font></span></div>
</blockquote></div><br></div>
</blockquote></div><br></div>