You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ca...@apache.org on 2013/05/04 11:35:08 UTC
[2/3] git commit: [flex-asjs] [refs/heads/feature/fix-html5-example]
- update html5 example with button skinning styles
update html5 example with button skinning styles
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/f4c8d455
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/f4c8d455
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/f4c8d455
Branch: refs/heads/feature/fix-html5-example
Commit: f4c8d455e22b705470d05679db835b065ba65d9f
Parents: fd8613f
Author: Carlos Rovira <ca...@apache.org>
Authored: Sat May 4 11:34:08 2013 +0200
Committer: Carlos Rovira <ca...@apache.org>
Committed: Sat May 4 11:34:08 2013 +0200
----------------------------------------------------------------------
examples/FlexJSTest_HTML5/src/MyInitialView.mxml | 18 +++++++++++++++++
1 files changed, 18 insertions(+), 0 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f4c8d455/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_HTML5/src/MyInitialView.mxml b/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
index ac0d891..08d1c7b 100644
--- a/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
+++ b/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
@@ -62,6 +62,23 @@ limitations under the License.
}
]]>
</fx:Script>
+ <fx:Style>
+ @namespace html5 "library://ns.apache.org/flexjs/html5";
+
+ .skinned {
+ background-image: url('ButtonImageUp.png');
+ border-style: none;
+ }
+
+ .skinned:hover {
+ background-image: url('ButtonImageOver.png');
+ }
+
+ .skinned:active {
+ background-image: url('ButtonImageDown.png');
+ }
+
+ </fx:Style>
<html5:Label id="lbl" x="100" y="25" >
<html5:beads>
<basic:SimpleBinding eventName="labelTextChanged"
@@ -113,6 +130,7 @@ limitations under the License.
</html5:beads>
</html5:DropDownList>
<html5:TextButton text="OK" x="200" y="230" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
+ <html5:TextButton text="Skinned" x="200" y="260" width="80" height="24" className="skinned" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
<html5:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))">
<html5:beads>