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

P T Withington ptw at pobox.com
Sat Jun 28 17:17:33 PDT 2008


Crud. Sorry. Thanks for fixing.

On Jun 28, 2008, at 14:56, Max Carlson <max at openlaszlo.org> wrote:

> 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