[Laszlo-checkins] r10120 - in openlaszlo/trunk: docs/src/developers docs/src/developers/programs examples/components
ptw@openlaszlo.org
ptw at openlaszlo.org
Sat Jun 28 11:28:52 PDT 2008
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 — but with different colors, sizes, or resources in each
+deployment, for instance — 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><view></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 — 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;
}
<!--end-->
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@ -->
More information about the Laszlo-checkins
mailing list