Julien,<br><br>Thanks so much for the example code. I took what you gave me and deployed it to my local LPS and the zooming worked awesome. It's cool that it will zoom every child element in the parent view.<br><br>Thank again for this solution.
<br>- Anthony<br><br><div class="gmail_quote">On Jan 5, 2008 1:34 PM, Julien Lépine <<a href="mailto:julien.lepine@free.fr">julien.lepine@free.fr</a>> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div link="blue" vlink="blue" lang="FR">
<div>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Hi Anthony,</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Basically you create a transparent image
the size of your parent view not zoomed. (for simplicity say we have a
100x100px transparent png file). </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Attached you will find a zip containing a 100x100px
png file, a small png file with content, and a lzx test case for presenting
what zooming looks like.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">The main principles are :</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Get the parent view with stretches="both"</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Define an attribute called "zoomfactor".</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Bind the width and height of the parent
view to the basewidth and baseheight custom attributes multiplied by the zoom factor
(height and width can be the bound to the size of the inner view).</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Define an inner view, that will take the
full width and height of the parent view without the zoom factor.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">---CODE</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"><canvas debug="false"
proxied="false" width="300" height="300"></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <simplelayout axis="y"
inset="10"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <resource
name="zoomresource" src="background-fill.png"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <slider width="200"
align="center" minvalue="50" maxvalue="300"
value="100"></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <handler
name="onvalue"></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <![CDATA[</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> // access via zoomable
because it is at the canvas level.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">
zoomable.setAttribute("zoomfactor", (0.0 + this.value) / 100.0);</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> ]]></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </handler></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </slider></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <view name="zoomable"
resource="zoomresource" stretches="both"
align="center"></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <attribute
name="zoomfactor" type="number" value="1.0"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <attribute
name="baseheight" type="number"
value="100.0"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <attribute
name="basewidth" type="number" value="100.0"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <attribute
name="height" value="${this.baseheight *
this.zoomfactor}"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <attribute name="width"
value="${this.basewidth * this.zoomfactor}"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <view
height="${parent.baseheight}" width="${parent.basewidth}"
clip="true"></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <view width="20"
height="20" bgcolor="red"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <view
align="right" width="20" height="20" bgcolor="green"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <view
align="left" valign="bottom"
resource="http:content.png"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <text
resize="true" align="center" y="35"
text="${'Inner : ' + parent.height + 'x' + parent.width }"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> <text
resize="true" align="center" y="50"
text="${'Outer : ' + zoomable.height + 'x' + zoomable.width }"/></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </view></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </view></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"></canvas></span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">---CODE</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Get anything you want inside this inner
view, it will be zoomed like a charm.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Note, for pngs files to load at run time
instead of compile time, you have to be in swf8 mode (this is just for the
small image inside).</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Cheers,</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Julien</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<div>
<div style="text-align: center;" align="center"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">
<hr align="center" size="2" width="100%">
</span></font></div>
<p><b><font face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma; font-weight: bold;">De :</span></font></b><font face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma;"> Anthony Bargnesi
[mailto:<a href="mailto:abargnesi@gmail.com" target="_blank">abargnesi@gmail.com</a>] <br>
<b><span style="font-weight: bold;">Envoyé :</span></b> samedi 5 janvier
2008 17:18<br>
<b><span style="font-weight: bold;">À :</span></b> Julien Lépine<br>
<b><span style="font-weight: bold;">Cc :</span></b>
<a href="mailto:laszlo-user@openlaszlo.org" target="_blank">laszlo-user@openlaszlo.org</a><br>
<b><span style="font-weight: bold;">Objet :</span></b> Re: [Laszlo-user] Is
zooming in on views possible?</span></font></p>
</div><div><div></div><div class="Wj3C7c">
<p><font face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></p>
<p style="margin-bottom: 12pt;"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">Julien,<br>
<br>
Thanks for the info, it sounds like that might achieve the affect I
wanted. In order to get a better understanding of what you're saying, how
would that look in the laszlo code? I'm not sure what you mean by
transparent resource and what you would have to declare on the child views
within the parent. <br>
<br>
Thanks again.<br>
- Anthony</span></font></p>
<div>
<p><font face="Times New Roman" size="3"><span style="font-size: 12pt;">On Jan 5, 2008 5:51 AM, Julien Lépine <<a href="mailto:julien.lepine@free.fr" target="_blank">julien.lepine@free.fr</a>> wrote:</span></font></p>
<div link="blue" vlink="purple">
<div>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Hi Anthony,</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">You can first try playing with a view that would have
stretches="both" defined (for the parent view, and that would have a
transparent resource the initial size of that view).</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">When you will change the size of that view, it will zoom on
the resource, and on the side effect (or maybe a desired one, but the fact is
that it happens), all the child views will be zoomed along.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">So I guess this can achieve the effect you want.</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">++</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;">Julien</span></font></p>
<p><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font></p>
<div>
<div style="text-align: center;" align="center"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">
<hr align="center" size="2" width="100%">
</span></font></div>
<p><b><font face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma; font-weight: bold;">De :</span></font></b><font face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma;"> <a href="mailto:laszlo-user-bounces@openlaszlo.org" target="_blank">
laszlo-user-bounces@openlaszlo.org</a>
[mailto:<a href="mailto:laszlo-user-bounces@openlaszlo.org" target="_blank">laszlo-user-bounces@openlaszlo.org</a>]
<b><span style="font-weight: bold;">De la part de</span></b> Anthony Bargnesi<br>
<b><span style="font-weight: bold;">Envoyé :</span></b> samedi 5 janvier
2008 06:51<br>
<b><span style="font-weight: bold;">À :</span></b> <a href="mailto:laszlo-user@openlaszlo.org" target="_blank">laszlo-user@openlaszlo.org</a><br>
<b><span style="font-weight: bold;">Objet :</span></b> [Laszlo-user] Is
zooming in on views possible?</span></font></p>
</div>
<div>
<div>
<p><font face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></p>
<p><font face="Arial" size="3"><span style="font-size: 12pt; font-family: Arial;">I
was wondering if I have a parent view that has child views that can be moved
around, can I zoom in on the parent view and have the children resize with
it? I would like it to work similarly to how something like GoogleMaps
works. <br>
<br>
It could certainly be possible to accomplish this by resizing the individual
child views based on the zoom levels, but I was just curious if openlaszlo
supported this out of the box. Any direction would certainly help at this
point. <br>
<br>
Thanks,<br>
Anthony</span></font></p>
</div>
</div>
</div>
</div>
</div>
<p><font face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></p>
</div></div></div>
</div>
</blockquote></div><br>