[Laszlo-dev] [Laszlo-checkins] r10120 - in openlaszlo/trunk: docs/src/developers docs/src/developers/programs examples/components

Max Carlson max at openlaszlo.org
Sat Jun 28 11:34:23 PDT 2008


I think you need to pull out your changes to 
openlaszlo/trunk/examples/components/edittext_example.lzx

ptw at openlaszlo.org wrote:
> Author: ptw
> Date: 2008-06-28 11:28:43 -0700 (Sat, 28 Jun 2008)
> New Revision: 10120
> 
> Modified:
>    openlaszlo/trunk/docs/src/developers/css.dbk
>    openlaszlo/trunk/docs/src/developers/programs/css-$1.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$11.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$12.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$13.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$14.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$15.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$2.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$5.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$7.lzx
>    openlaszlo/trunk/docs/src/developers/programs/css-$9.lzx
>    openlaszlo/trunk/examples/components/edittext_example.lzx
> Log:
> Change 20080628-ptw-B by ptw at dueling-banjos.local on 2008-06-28 13:59:27 EDT
>     in /Users/ptw/OpenLaszlo/ringding-clean
>     for http://svn.openlaszlo.org/openlaszlo/trunk
> 
> Summary: Clean up DGuide CSS examples
> 
> Bugs Fixed:
> TBD
> 
> Technical Reviewer: liorio (pending)
> QA Reviewer: amuntz (IM 2008-06-28T18:22Z)
> 
> Details:
>     Fix example code to use accurate CSS types. Trim example canvases
>     to minimize wasted whitespace.
> 
> Tests:
>     Visual inspection of Dguide CSS chapter
> 
> 
> 
> Modified: openlaszlo/trunk/docs/src/developers/css.dbk
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/css.dbk	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/css.dbk	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -19,8 +19,8 @@
>  <para/><section><title>Overview</title>
>  
>  <para>If an OpenLaszlo application is to be deployed
> -more than once -- but with different colors, sizes, or resources in each
> -deployment, for instance -- the designer can alter those attributes within a
> +more than once &#x2014; but with different colors, sizes, or resources in each
> +deployment, for instance &#x2014; the designer can alter those attributes within a
>  stylesheet.</para>
>  
>  <para/></section><section><title>Simple Views</title>
> @@ -55,7 +55,7 @@
>  parts: selector and declaration.</para>
>  
>  <example role="live-example"><title>Selector</title><programlisting>
> -#myView { bgcolor: "0x0000FF"; }
> +#myView { bgcolor: #0000FF; }
>  </programlisting></example>
>  
>  <para>The selector comes before the curly brace, the declaration after. In the
> @@ -93,12 +93,12 @@
>  <para/></section><section><title>Element selectors</title>
>  
>  <example role="live-example"><title>Element example</title><programlisting>
> -        LzNode {
> +        node {
>              property: "foo";
>          }
>  </programlisting></example>
>  
> -<para>The element selector applies when it matches the name of the node itself:</para>
> +<para>The element selector applies when it matches the tag that creates the node. In the example below, the element selector <code>view</code> matches the <code>&lt;view&gt;</code> tag:</para>
>  
>  <example role="live-example">
>     <title>Element selector</title>
> @@ -110,7 +110,7 @@
>  <para/></section><section><title>ID selectors</title>
>  
>  <example role="live-example"><title>ID example</title><programlisting>
> -        #LzNode {
> +        #id {
>              property: "foo";
>          }
>  </programlisting></example>
> @@ -129,23 +129,23 @@
>  <para/></section><section><title>Descendant selectors </title>
>  
>  <example role="live-example"><title>Descendant example</title><programlisting>
> -	fee fi {
> -        property: "car";
> -    }
> +fee fi {
> +    property: "car";
> +}
>  
> -	fee fi foo {
> -        property: "cart";
> -    }
> -    
> -    fee fi foo fum {
> -        property: "cartman";
> -    }
> +fee fi foo {
> +    property: "cart";
> +}
> +
> +fee fi foo fum {
> +    property: "cartman";
> +}
>  </programlisting></example>
>  
>  <para>A selector in an ancestor/descendant hierarchy applies when its
>  ancestors do. In the snippet above, the "fee" selector depends on no
> -ancestors, so it would always fire on an LzNode identified by "fee". The
> -"fum" selector, on the other hand, would only fire if the LzNode had
> +ancestors, so it would always fire on an node identified by "fee". The
> +"fum" selector, on the other hand, would only fire if the node had
>  three ancestors "fee", "fi", and "foo".</para>
>  
>  <example role="live-example">
> @@ -168,7 +168,7 @@
>  
>  <para/></section></section><section><title>A Nested View</title>
>  <para>The advantage of using stylesheets shows in a
> -slightly more difficult OpenLaszlo application. If a designer wanted to reuse a template, no knowledge of OpenLaszlo's LZX language is necessary -- in this
> +slightly more difficult OpenLaszlo application. If a designer wanted to reuse a template, no knowledge of OpenLaszlo's LZX language is necessary &#x2014; in this
>  example, s/he just has to change the color hexcode(s) and the name(s) of
>  the resource(s) in the stylesheet:</para>
>  
> @@ -194,7 +194,7 @@
>  
>  <para/></section><section><title>Specificity</title>
>  
> -<para>An instance of an LzNode -- most likely a view, or some other OpenLaszlo
> +<para>An instance of a node -- most likely a view, or some other OpenLaszlo
>  element -- can trigger more than one selector in the stylesheet. In such
>  cases, CSS gives precedence according to <ulink url="http://www.w3.org/TR/CSS21/cascade.html#specificity">rules of
>  specificity</ulink>. In general, the more specific the selector, the higher
> @@ -260,7 +260,7 @@
>  #gPhilip {
>      width: 300;
>      height: 200;
> -    bgcolor: "0x8F008F";
> +    bgcolor: #8F008F;
>  }
>  
>  &lt;!--end--&gt;
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$1.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$1.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$1.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,8 +1,10 @@
>  
> -  <canvas>
> -      <view height="100" width="100" bgcolor="0x663399"/>
> -  </canvas>
> +
> +<canvas height="120">
> +  <view height="100" width="100" bgcolor="#663399"/>
> +</canvas>
> +
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$11.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$11.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$11.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,49 +1,46 @@
>  
>  
> -<canvas width="400" height="400">
> +<canvas height="320">
>  
> -<stylesheet>
> +  <stylesheet>
>  
>      styledbox {
> -        stylebgcolor: "0xCCCCCC";
> -        styleinnercolor: "0xFF0000";
> +      stylebgcolor: #CCCCCC;
> +      styleinnercolor: "red";
>      }
>  
>      styledbox styledbox2 {
> -        stylebgcolor: "0x999999";
> -        styleinnercolor: "0x0000FF";
> +      stylebgcolor: #999999;
> +      styleinnercolor: "blue";
>      }
>  
>      styledbox styledbox2 styledbox3 {
> -        stylebgcolor: "0x666666";
> -        styleinnercolor: "0x00FF00";
> +      stylebgcolor: #666666;
> +      styleinnercolor: "green";
>      }
>  
> -</stylesheet>
> +  </stylesheet>
>  
> -<class name="styledbox" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
> +  <class name="styledbox" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
>      <view name="snow" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
> -</class>
> +  </class>
>  
> -<class name="styledbox2" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
> +  <class name="styledbox2" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
>      <view name="braxton" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
> -</class>
> +  </class>
>  
> -<class name="styledbox3" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
> +  <class name="styledbox3" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
>      <view name="jackson" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
> -</class>
> +  </class>
>  
> -<styledbox id="comet" x="200" y="0">
> -            <styledbox2 id="shock" x="-100" y="100">
> -                    <styledbox3 id="storm" x="-100" y="100"/>
> -            </styledbox2>
> -</styledbox>
> +  <styledbox id="comet" x="200" y="0">
> +    <styledbox2 id="shock" x="-100" y="100">
> +      <styledbox3 id="storm" x="-100" y="100"/>
> +    </styledbox2>
> +  </styledbox>
>  
> -<styledbox2/>
> -<styledbox3/>
> -
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$12.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$12.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$12.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,41 +1,38 @@
> +<canvas height="220">
>  
> +  <stylesheet>
>  
> -<canvas height="350" width="700">
> +    #sun {
> +      bgcolor: #16355E;
> +      face: "resources/smiley.gif";
> +    }
>  
> -<stylesheet>
> +    #monarchs {
> +      bgcolor: #B2B9CB;
> +      face: "resources/sourface.png";
> +    }
>  
> -        #sun {
> -          bgcolor: "0x16355E"; 
> -          face: "resources/smiley.gif";
> -        }
> -        
> -        #monarchs {
> -            bgcolor: "0xB2B9CB";
> -            face: "resources/sourface.png";
> -        }
> - 
> -</stylesheet>
> +  </stylesheet>
>  
> -<simplelayout axis="x" spacing="10"/>
> +  <simplelayout axis="x" spacing="10"/>
>  
> -<class name="bouncebox">
> -        <view name="outer" x="0" y="0" width="200" height="200" bgcolor="$style{'bgcolor'}">
> -            <view name="inner" x="50" y="50" bgcolor="0xFFFFFF" width="${immediateparent.width-100}" height="${immediateparent.height-100}" />
> -            <view name="gBounce" source="$style{'face'}" x="50" y="50">
> -                <animatorgroup name="myAnimatorGroup" start="true" process="sequential" >
> -                <animator attribute="y" from="50" to="150" duration="1000" motion="linear"/>
> -                <animator attribute="y" from="50" to="100" duration="1000" repeat="Infinity" motion="easeout"/>
> -                </animatorgroup>
> -            </view>
> -        </view>
> -</class>
> +  <class name="bouncebox">
> +    <view name="outer" x="0" y="0" width="200" height="200" bgcolor="$style{'bgcolor'}">
> +      <view name="inner" x="50" y="50" bgcolor="0xFFFFFF" width="${immediateparent.width-100}" height="${immediateparent.height-100}" />
> +      <view name="gBounce" source="$style{'face'}" x="50" y="50">
> +        <animatorgroup name="myAnimatorGroup" start="true" process="sequential" >
> +          <animator attribute="y" from="50" to="150" duration="1000" motion="linear"/>
> +          <animator attribute="y" from="50" to="100" duration="1000" repeat="Infinity" motion="easeout"/>
> +        </animatorgroup>
> +      </view>
> +    </view>
> +  </class>
>  
> -<bouncebox id="monarchs" />
> -<bouncebox id="sun" />
> +  <bouncebox id="monarchs" />
> +  <bouncebox id="sun" />
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> -
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$13.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$13.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$13.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,58 +1,58 @@
>  
>  
> -<canvas debug="true">
> +<canvas height="150">
>  
> -<stylesheet>
> -mookie {
> -height : 25;
> -width : 25;
> -bgcolor : #0000FF;
> -}
> +  <stylesheet>
> +    mookie {
> +      height : 25;
> +      width : 25;
> +      bgcolor : #0000FF;
> +    }
>  
> -blaylock {
> -title : "Blaylock";
> -bgcolor : #FF0000;
> -}
> +    blaylock {
> +      title : "Blaylock";
> +      bgcolor : #FF0000;
> +    }
>  
> -wilson {
> -height : 25;
> -width : 200;
> -fgcolor : #FF00FF;
> -text : "Wilson";
> -}
> -</stylesheet>
> +    wilson {
> +      height : 25;
> +      width : 200;
> +      fgcolor : #FF00FF;
> +      text : "Wilson";
> +    }
> +  </stylesheet>
>  
> -<class name="mookie" x="200" height="$style{'height'}" width="$style{'width'}" bgcolor="$style{'bgcolor'}"/>
> +  <class name="mookie" x="200" height="$style{'height'}" width="$style{'width'}" bgcolor="$style{'bgcolor'}"/>
>  
> -<class name="blaylock">
> -<window title="$style{'title'}" x="250" height="100" width="150" bgcolor="$style{'bgcolor'}"/>
> -</class>
> +  <class name="blaylock">
> +    <window title="$style{'title'}" x="250" height="100" width="150" bgcolor="$style{'bgcolor'}"/>
> +  </class>
>  
> -<class name="wilson" >
> -<text text="$style{'text'}" x="400" height="$style{'height'}" width="$style{'width'}" fgcolor="$style{'fgcolor'}"/>
> -</class>
> +  <class name="wilson" >
> +    <text text="$style{'text'}" x="400" height="$style{'height'}" width="$style{'width'}" fgcolor="$style{'fgcolor'}"/>
> +  </class>
>  
> -<button text="Dynamically create Mookie">
> -<handler name="onclick">
> -canvas.mookieView=new lz.mookie(canvas, {});
> -</handler>
> -</button>
> +  <button text="Dynamically create Mookie">
> +    <handler name="onclick">
> +      canvas.mookieView=new lz.mookie(canvas, {});
> +    </handler>
> +  </button>
>  
> -<button text="Dynamically create Blaylock" y="50">
> -<handler name="onclick">
> -canvas.blaylockWindow=new lz.blaylock(canvas, {});
> -</handler>
> -</button>
> +  <button text="Dynamically create Blaylock" y="50">
> +    <handler name="onclick">
> +      canvas.blaylockWindow=new lz.blaylock(canvas, {});
> +    </handler>
> +  </button>
>  
> -<button text="Dynamically create Wilson" y="100">
> -<handler name="onclick">
> -canvas.wilsonText=new lz.wilson(canvas, {});
> -</handler>
> -</button>
> +  <button text="Dynamically create Wilson" y="100">
> +    <handler name="onclick">
> +      canvas.wilsonText=new lz.wilson(canvas, {});
> +    </handler>
> +  </button>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
>  
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$14.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$14.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$14.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,38 +1,38 @@
>  
>  
> -<canvas width="350" height="150">
> +<canvas height="70">
>  
> -<stylesheet>
> +  <stylesheet>
>  
> -view {
> -    height: 50;
> -    width: 50;
> -    bgcolor: #FF0000;
> +    view {
> +      height: 50;
> +      width: 50;
> +      bgcolor: #FF0000;
>      }
> -    
> -[name='blue'] {
> -    height: 40;
> -    width: 40;
> -    bgcolor: "blue";
> +
> +    [name='blue'] {
> +      height: 40;
> +      width: 40;
> +      bgcolor: "blue";
>      }
>  
> -#green {
> -    height: 30;
> -    width: 30;
> -    bgcolor: rgb(0,102,0);
> +    #green {
> +      height: 30;
> +      width: 30;
> +      bgcolor: rgb(0,102,0);
>      }
>  
> -</stylesheet>
> +  </stylesheet>
>  
> -<view layout="axis: x; spacing: 25">
> +  <view layout="axis: x; spacing: 25">
>      <view id="red" name="red" width="$style{'width'}" height="$style{'height'}" bgcolor="$style{'bgcolor'}"/>
>      <view id="blue" name="blue" width="$style{'width'}" height="$style{'height'}" bgcolor="$style{'bgcolor'}" />
>      <view id="green" width="$style{'width'}" height="$style{'height'}" bgcolor="$style{'bgcolor'}" />
> -</view>
> +  </view>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
>  
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$15.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$15.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$15.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,37 +1,37 @@
>  
>  
> -<canvas height="200" width="345">
> +<canvas height="120">
>  
> -<stylesheet>
> -    
> +  <stylesheet>
> +
>      [height="50"] {
> -    height: "50";
> -    width: "100";
> -    bgcolor: "0xFF0000";
> +      height: 50;
> +      width: 100;
> +      bgcolor: #FF0000;
>      }
> -    
> +
>      [width="100"] {
> -    height: "50";
> -    width: "100";
> -    bgcolor: "0x0000FF";
> +      height: 50;
> +      width: 100;
> +      bgcolor: #0000FF;
>      }
> -    
> -</stylesheet>
>  
> -<simplelayout axis="y" spacing="10"/>
> +  </stylesheet>
>  
> -<view name="short" width="100" height="50" bgcolor="$style{'bgcolor'}"/>
> +  <simplelayout axis="y" spacing="10"/>
>  
> -<view y="75">
> +  <view name="short" width="100" height="50" bgcolor="$style{'bgcolor'}"/>
> +
> +  <view y="75">
>      <text text="If I'm red, the first stylesheet was triggered."/>
> -</view>
> +  </view>
>  
> -<view y="100">
> +  <view y="100">
>      <text text="If I'm blue, the second stylesheet was triggered."/>
> -</view>
> +  </view>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$2.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$2.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$2.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,20 +1,20 @@
>  
>  
> -<canvas>
> +<canvas height="120">
>  
> -<stylesheet>
> +  <stylesheet>
>      #gView {
> -        height: "100";
> -        width: "100";
> -        bgcolor: "0x663399";
> +      height: 100;
> +      width: 100;
> +      bgcolor: #663399;
>      }
> -</stylesheet>
> +  </stylesheet>
>  
> -<view id="gView" height="$style{'height'}" width="$style{'width'}" bgcolor="$style{'bgcolor'}"/>
> +  <view id="gView" height="$style{'height'}" width="$style{'width'}" bgcolor="$style{'bgcolor'}"/>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
>  
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$5.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$5.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$5.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,34 +1,36 @@
> -<canvas height="150" width="320">
>  
> -<stylesheet>
>  
> -[name="PurpleView"] {
> -    width: "100";
> -    height: "100";
> -    bgcolor: "0x9900FF"
> -}
> +<canvas height="120">
>  
> -[width="200"] {
> -    bgcolor: "0x0000FF";
> -}
> +  <stylesheet>
>  
> -</stylesheet>
> +    [name="PurpleView"] {
> +      width: 100;
> +      height: 100;
> +      bgcolor: #9900FF
> +    }
>  
> -<simplelayout axis="x" spacing="10"/>
> +    [width="200"] {
> +      bgcolor: #0000FF;
> +    }
>  
> -<class name="myPurpleView">
> +  </stylesheet>
> +
> +  <simplelayout axis="x" spacing="10"/>
> +
> +  <class name="myPurpleView">
>      <view name="PurpleView" height="$style{'height'}" width="$style{'width'}" bgcolor="$style{'bgcolor'}"/>
> -</class>
> +  </class>
>  
> -<class name="myWiderView">
> +  <class name="myWiderView">
>      <view name="hoo" height="100" width="200" bgcolor="$style{'bgcolor'}"/>
> -</class>
> +  </class>
>  
> -<myPurpleView/>
> -<myWiderView/>
> +  <myPurpleView/>
> +  <myWiderView/>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$7.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$7.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$7.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,20 +1,20 @@
>  
>  
> -<canvas height="200" width="200">
> - 
> -<stylesheet>
> -        view {
> -            nicebgcolor: "0x0000FF";
> -            micebgcolor: "0xCCCCCC";
> -        }
> -</stylesheet>
> +<canvas height="120">
> +  
> +  <stylesheet>
> +    view {
> +      nicebgcolor: #0000FF;
> +      micebgcolor: #CCCCCC;
> +    }
> +  </stylesheet>
>  
> -<view height="100" width="100" bgcolor="$style{'nicebgcolor'}"/>
> -<view height="75" width="75" bgcolor="0xFFFFFF"/>
> -<view height="50" width="50" bgcolor="$style{'micebgcolor'}"/>
> +  <view height="100" width="100" bgcolor="$style{'nicebgcolor'}"/>
> +  <view height="75" width="75" bgcolor="0xFFFFFF"/>
> +  <view height="50" width="50" bgcolor="$style{'micebgcolor'}"/>
>  
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
> 
> Modified: openlaszlo/trunk/docs/src/developers/programs/css-$9.lzx
> ===================================================================
> --- openlaszlo/trunk/docs/src/developers/programs/css-$9.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/docs/src/developers/programs/css-$9.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,33 +1,32 @@
>  
>  
> -<canvas height="200" width="200">
> +<canvas height="170">
>  
> -<stylesheet>
> +  <stylesheet>
>  
> -#red {
> -    width: 100;
> -    height: 100;
> -    bgcolor: "0xFF3333";
> -}
> +    #red {
> +      width: 100;
> +      height: 100;
> +      bgcolor: #FF3333;
> +    }
>  
> -#blue {
> -    width: 150;
> -    height: 150;
> -    bgcolor: "0x3333FF";
> -}
> - 
> -</stylesheet>
> +    #blue {
> +      width: 150;
> +      height: 150;
> +      bgcolor: #3333FF;
> +    }
> +    
> +  </stylesheet>
>  
> -<simplelayout axis="x" spacing="5" />
> +  <simplelayout axis="x" spacing="5" />
>  
> -<class name="gBox" width="$style{'width'}" height="$style{'height'}" bgcolor="$style{'bgcolor'}" />
> +  <class name="gBox" width="$style{'width'}" height="$style{'height'}" bgcolor="$style{'bgcolor'}" />
> +  <gBox id="red" />
> +  <gBox id="blue" />
>  
> -<gBox id="red" />
> -<gBox id="blue" />
> -
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2007 Laszlo Systems, Inc.  All Rights Reserved.                   *
> -* Use is subject to license terms.                                            *
> -* X_LZ_COPYRIGHT_END ****************************************************** -->
> +     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
> +     * Use is subject to license terms.                                            *
> +     * X_LZ_COPYRIGHT_END ****************************************************** -->
>  
> 
> Modified: openlaszlo/trunk/examples/components/edittext_example.lzx
> ===================================================================
> --- openlaszlo/trunk/examples/components/edittext_example.lzx	2008-06-28 18:17:22 UTC (rev 10119)
> +++ openlaszlo/trunk/examples/components/edittext_example.lzx	2008-06-28 18:28:43 UTC (rev 10120)
> @@ -1,4 +1,10 @@
>  <canvas bgcolor="0xeaeaea" height="500">
> +  <script when="immediate">
> +    Debug.trace(LzText.prototype, 'getTextHeight');
> +    Debug.trace(LzTextSprite.prototype, 'getTextfieldHeight');
> +    Debug.trace(LzText.prototype, 'getTextWidth');
> +    Debug.trace(LzTextSprite.prototype, 'getTextfieldWidth');
> +  </script>
>      <include href="lz/library.lzx" />
>      <dataset name="ds">
>          <item>first item from dataset</item>
> @@ -34,7 +40,7 @@
>      </view>
>  </canvas>
>  <!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
> -* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
> +* Copyright 2001-2004, 2008 Laszlo Systems, Inc.  All Rights Reserved.              *
>  * Use is subject to license terms.                                            *
>  * X_LZ_COPYRIGHT_END ****************************************************** -->
>  <!-- @LZX_VERSION@                                                         -->
> 
> 
> _______________________________________________
> Laszlo-checkins mailing list
> Laszlo-checkins at openlaszlo.org
> http://www.openlaszlo.org/mailman/listinfo/laszlo-checkins

-- 
Regards,
Max Carlson
OpenLaszlo.org


More information about the Laszlo-dev mailing list