[Laszlo-user] Bring view to the front of other views

[Schultz, Gary - COMM]

I cannot figure out if and how it is possible to bring a view to the front
of other views. I tried LzFocus.setFocus for the view in my button handler
but that didn't work. I tried LzFocus.setFocus(this),
LzFocus.setFocus(parent) and LzFocus.setFocus(classroot). My code is below.
I appreciate any assistance in leading me in the right direction. 
 
Gary T. Schultz
IT Administrator
Wisconsin Department of Commerce
 
=========================================================
<?xml version="1.0" encoding="UTF-8" ?>
<library>
 
 <tabslider width="${canvas.width*.22}" x="0" y="5" height="200"
  spacing="2" slideduration="300">
  <tabelement name="one" text="Tabelement One" />
  <tabelement name="two" text="Tabelement Two" />
  <tabelement name="three" text="Tabelement Three">
   <text text="${myClass[1].myX}" />
  </tabelement>
 </tabslider>
 
 <class name="myClass" width="${(canvas.width*.25-10)}"
  height="${size-10}" allowdrag="false" fontsize="${canvass.fontsize}"
font="verdana"
  fontstyle="bold" titlearea_inset_top="6" inset_top="25"
  inset_bottom="10" x="${canvas.width*myX}" y="${(canvas.height*myY)+2}"
  onload="this.anm.doStart()" bgcolor="0x4D588E" focusable="true">
  <attribute name="myX" value=".25" />
  <attribute name="size" value="${(canvas.height*.2)}" />
  <animator name="anm" attribute="opacity" from="0" to="1"
   duration="500" start="true" />
 
  <attribute name="title" type="string" />
 
  <text text="${classroot.title}" width="500" fgcolor="white"
fontstyle="bold" font="verdana"/>
 
  <state name="max" apply="false">
   <animatorgroup duration="1500" process="simultaneous"
    motion="linear">
    <animator attribute="width" to="${(canvas.width*.35)}" />
    <animator attribute="height"
     to="${(canvas.height*.66)}" />
    <animator attribute="x" to="${canvas.width*.35}" />
    <animator attribute="y" to="${canvas.height*.15}" />
   </animatorgroup>
 
   <button align="right" height="18" fontsize="18"
    fontstyle="bold" valign="top" text_y="-5">
    <attribute name="isMax" value="true" />
    <handler name="onclick">
     if (this.isMax) { parent.max.remove();
     parent.min.apply(); } else { parent.max.apply();
     parent.min.remove();LzFocus.setFocus(this) } this.isMax = !this.isMax;
    </handler>
    <attribute name="text" value="-" />
    
   </button>
  </state>
  <state name="min" apply="true">
   <animatorgroup duration="1500" process="simultaneous">
    <animator attribute="width"
     to="${(canvas.width*.25)-10}" />
    <animator attribute="height"
     to="${(canvas.height*.30)-10}" />
    <animator attribute="x"
     to="${canvas.width*classroot.myX}" />
    <animator attribute="y"
     to="${(canvas.height*classroot.myY)+2}" />
   </animatorgroup>
 
   <button align="right" height="18" fontsize="18"
    fontstyle="bold" valign="top" text_y="-5">
    <attribute name="isMax" value="false" />
    <handler name="onclick">
     if (this.isMax) { parent.max.remove();
     parent.min.apply(); } else { parent.max.apply();
     parent.min.remove();} this.isMax = !this.isMax;
    </handler>
    <attribute name="text" value="${'+'}" />
   </button>
  </state>
 
 </class>
 
 <class name="inside" extends="view" x="2" y="21" bgcolor="white"
  yoffset="0" width="${immediateparent.width-4}"
  height="${parent.height-23}" />
 
 <myClass myX=".25" myY="0" title="TEST TITLE">
  <inside>
   <text>Window 1 content</text>
  </inside>
 </myClass>
 <myClass myX=".50" myY="0" title="Photo Gallery">
  <inside>
   <text>Window 2</text>
  </inside>
 </myClass>
 <myClass myX=".75" myY="0" title="XXXXXX">
  <inside>
   <text>Window 3</text>
  </inside>
 </myClass>
 
 <myClass myX=".25" myY=".30" title="Community_Resources">
  <inside>
   <text>Window 4</text>
  </inside>
 </myClass>
 <myClass myX=".50" myY=".30" title="International_Trade">
  <inside>
   <text>Window 5</text>
  </inside>
 </myClass>
 <myClass myX=".75" myY=".30" title="Licenses_Permits">
  <inside>
   <text>Window 6</text>
  </inside>
 </myClass>
 
 <myClass myX=".25" myY=".60" title="Petroleum_Tanks">
  <inside>
   <text>Window 7</text>
  </inside>
 </myClass>
 <myClass myX=".50" myY=".60" title="Building_Construction">
  <inside>
   <text>Window 8</text>
  </inside>
 </myClass>
 <myClass myX=".75" myY=".60" title="News">
  <inside>
   <text>
    <a
     href="javascript:alert('Your resolution is
'+screen.width+'x'+screen.height);">
     Click for your screen resolution
    </a>
   </text>
  </inside>
 </myClass>
 
</library>