<div dir="ltr"><div><br></div>Hello Manuel,<div><br></div><div>thanks for your answer,</div><div>I forgot that javascript also can control width and height of the page, behind the scene.</div><div><br></div><div>What I tried in my LearnChess activity (which I started as a web activity and finally went on with a GTK one), is to reuse one the predefined screen css media (inside a folder like lib/sugar-web/css), but without screen size limitation. Maybe that is an horrible practise, but this is what I tried.</div>
<div><br></div><div>Regards</div><div class="gmail_extra"><br><br><div class="gmail_quote">2013/10/17 Manuel Quiñones <span dir="ltr"><<a href="mailto:manuq@laptop.org" target="_blank">manuq@laptop.org</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">2013/10/10 laurent bernabe <<a href="mailto:laurent.bernabe@gmail.com">laurent.bernabe@gmail.com</a>>:<br>
> Hello,<br>
><br>
> 2013/10/10 Manuel Quiñones <<a href="mailto:manuq@laptop.org">manuq@laptop.org</a>><br>
>><br>
>> 2013/10/9 laurent bernabe <<a href="mailto:laurent.bernabe@gmail.com">laurent.bernabe@gmail.com</a>>:<br>
>> > Hello,<br>
>> ><br>
>> > *) I am wondering whether I can safely replace, in an index.html file of<br>
>> > a<br>
>> > web activity, the <div id="canvas></div> with <canvas<br>
>> > 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>
><br>
><br>
> I've put my canvas element inside the #canvas div and it worked.<br>
><br>
>><br>
>><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><br>
><br>
><br>
><br>
> Wouldn't be simpler to use CSS instead ? I've seen that there are two css<br>
> media added in the index.html, which seem to do what I am waiting for<br>
> (#canvas => width:100%, overflow-y: auto, and top: 75px), but it seem that<br>
> none are used. (Canvas lays at top = 0 px and left = 0px, width is about<br>
> 300px ...)<br>
<br>
I just tried changing Clock Web to make the canvas element fill the<br>
available space.  It didn't work.  Althrough the CSS effectively makes<br>
the canvas fill the space, the width and height values are fixed if<br>
you read them from JavaScript.  And in Clock all drawn elements depend<br>
on that size.  Like the hands, the face, etc.<br>
<br>
> Regards<br>
<span class="HOEnZb"><font color="#888888"><br>
<br>
<br>
--<br>
.. manuq ..<br>
</font></span></blockquote></div><br></div></div>