Cool, but I would like the ccccc to stay the same width and just get taller.
I made a modification in hopes of achieving that, but it did not work,
the ccccc grow in both directions, but just get hidden off to the
right.
---------------------------------
<canvas layout="axis: x">
<simplelayout axis="x"/>
<text fgcolor="black" fontsize="16"
onclick="grow.animate ('height',
200, 500, false)">
aaaaa
</text>
<text id="grow" bgcolor="black" fgcolor="white" height="100" fontsize="16"
onclick="stretchme.animate('height',
200, 500, false)">
bbbbb
</text>
<view stretches="height" id="stretchme" bgcolor="blue">
<text fgcolor="black" height="100" fontsize="16">
ccccc
</text>
</view>
</canvas>
-------------------------------
I made a slight modifcation in hopes of
On 2/26/07, Not Zippy <[EMAIL PROTECTED]> wrote:
You were increasing the height, you just couldnt see it.
If you want to zoom the text you need to place it inside a stretched
container.
Clicking on "a" (your code) does in fact increase "b"'s height. Clicking on
"b" stretches "c"
=======================
<canvas layout="axis: x">
<simplelayout axis="x"/>
<text fgcolor="black" fontsize="16"
onclick="grow.animate ('height',
200, 500, false)">
aaaaa
</text>
<text id="grow" bgcolor="black" fgcolor="white" height="100"
fontsize="16"
onclick="stretchme.animate('height',
200, 500,
false);stretchme.animate('width',
400, 800, false)">
bbbbb
</text>
<view stretches="both" id="stretchme" bgcolor="blue">
<text fgcolor="black" height="100" fontsize="16">
ccccc
</text>
</view>
</canvas>
==============
On 2/25/07, Michael Potter <[EMAIL PROTECTED]> wrote:
> I am trying to animate text. In particular I would lke the bbbbb
> section to grow vertically (and only vertically). I want the bbbbb to
> stretch.
>
> I have tried quite a few things including adding stretches="height".
> Sometimes my changes make the bbbbb disapear, but none of my changes
> stretch the bbbbb when I click on the aaaaa.
>
> ---------------
> <canvas layout="axis: x">
> <simplelayout axis="x"/>
> <text fgcolor="black" fontsize="16"
> onclick="grow.animate('height',
> 200, 500, false)">
> aaaaa
> </text>
> <text id="grow" fgcolor="black" height="100" fontsize="16" >
> bbbbb
> </text>
> <text fgcolor="black" height="100" fontsize="16">
> ccccc
> </text>
> </canvas>
> ------------------
>
> Can anyone make a suggestion for what I am doing wrong.
>
> I learned quite a bit from the "laszlo in 10 minutes" examples. Where
> can one find more examples like that?
>
> --
> Michael Potter
>
