[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:56:04 PDT 2008


Fixed as with r10121.

Max Carlson wrote:
> 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