[Laszlo-dev] How to make canvas adaptive on its size?

Raju Bitter rajubitter at me.com
Sun Jun 21 10:06:34 PDT 2009


Actually the Laszlo Systems home page shows that behavior. There are  
scroll bars inside the application, and once you reach the minimum app  
size the scrollbars will show.

I build that app, but the approach we took there was not to make the  
canvas larger, but to place a view inside the canvas which is larger  
than the canvas - with a minimum width and height. You can use that  
approach as work-around for now.

- Raju

On Jun 21, 2009, at 5:30 PM, Max Carlson wrote:

> This is something we'd love to do, but we haven't implemented the  
> feature yet.  See http://jira.openlaszlo.org/jira/browse/LPP-6535 -  
> and vote it up!
>
> If you were to write a DHTML application and change the CSS in the  
> default HTML wrapper to allow page overflow, you'd get what you  
> want. It's trickier to do this in flash, because the plugin's size  
> needs to change.
>
> Chen Ding wrote:
>> Hi There, My application may increase its height. I like the canvas  
>> to adapt to my application's height. Below is a very simple  
>> application. Initially, the canvas height is the height of my  
>> browser. Since the view is only 500 pixels, it is ok initially. But  
>> if we press the button to increase the view size to 2000 pixels,  
>> the canvas won't increase its size accordingly. I tried to change  
>> canvas height but it won't work. I am wondering whether there is a  
>> way to make canvas adaptive to the size of the application.
>> The second question is, if the canvas can be made adaptive to its  
>> application size, if I wrap the application into an HTML, will it  
>> still work?
>> Thanks!
>> Chen Ding
>>  1 <canvas height="2000">
>>  2     <view name="the_view" x="600" width="500" height="500"  
>> bgcolor="blue"/>
>>  3       4     <button x="100" y="0" text="Increase">
>>  5         <handler name="onclick">
>>  6             the_view.setAttribute("height", "2000");
>>  7         </handler>
>>  8     </button>
>>  9 </canvas>
>
> -- 
> Regards,
> Max Carlson
> OpenLaszlo.org



More information about the Laszlo-dev mailing list