flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From aha...@apache.org
Subject [01/10] git commit: [flex-asjs] [refs/heads/develop] - change border color on rollover
Date Sat, 10 Jan 2015 07:46:07 GMT
Repository: flex-asjs
Updated Branches:
  refs/heads/develop b08c58731 -> a4b5e9753


change border color on rollover


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/99d85c33
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/99d85c33
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/99d85c33

Branch: refs/heads/develop
Commit: 99d85c33fa8065c1fdaa98b2650d6f324947a721
Parents: 3f4ed92
Author: Alex Harui <aharui@apache.org>
Authored: Fri Jan 9 23:39:22 2015 -0800
Committer: Alex Harui <aharui@apache.org>
Committed: Fri Jan 9 23:45:57 2015 -0800

----------------------------------------------------------------------
 .../productsView/ProductCatalogThumbnail.mxml   | 21 ++++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/99d85c33/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
index 85d24fd..6769706 100755
--- a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
@@ -35,11 +35,11 @@ limitations under the License.
     <!-- automationName="{product.name}" -->
     <basic:beads>
         <basic:ContainerDataBinding />
-        <basic:LayoutChangeNotifier watchedProperty="{details.height}" />
+        <basic:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF"
/>
     </basic:beads>
     <basic:style>
-        <basic:SimpleCSSStyles borderStyle="solid"
-                               borderColor="#FFFFFF" />
+        <basic:BindableCSSStyles id="borderStyles" borderStyle="solid"
+                               borderColor="#FFFFFF" backgroundColor="#FFFFFF"/>
     </basic:style>
     <fx:Metadata>
         [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
@@ -71,14 +71,14 @@ limitations under the License.
 
         private function rollOverHandler(event:MouseEvent):void
 		{
-            style["borderColor"] = "#CCCCCC";
+            borderStyles.borderColor = "#CCCCCC";
             //style["dropShadowEnabled"] = true;
             buttons.visible = true;
         }
 
         private function rollOutHandler(event:MouseEvent):void
 		{
-            style["borderColor"] = "#FFFFFF";
+            borderStyles.borderColor = "#FFFFFF";
             //style["dropShadowEnabled"] = false;
 			buttons.visible = false;
         }
@@ -158,9 +158,9 @@ limitations under the License.
 
             <basic:VContainer id="descr" height="100%" >
                 <basic:style>
-                    <basic:SimpleCSSStyles paddingTop="0" left="50" right="0" /> <!--
 gap="0"  -->
+                    <basic:SimpleCSSStyles paddingTop="0" right="0" /> <!--  gap="0"
 -->
                 </basic:style>
-                <basic:Label text="{product.featureString}" width="80" height="48" />
+                <basic:Label text="{product.featureString}" width="60" height="48" />
                 <basic:Label text="{cf.format(product.price)}" style="fontWeight:bold"/>
 				<basic:Spacer height="4"/>
                 <basic:Label text="{product.highlight1}" style="color:#EE8D0C" includeIn="x3cols,
x2cols"/>
@@ -182,15 +182,10 @@ limitations under the License.
     </basic:VContainer>
 
 
-    <basic:VContainer id="buttons" visible="false">
+    <basic:VContainer id="buttons" visible="false" width="30">
         <basic:style>
             <basic:SimpleCSSStyles paddingRight="8" right="8" top="12" /> <!-- gap="4"
-->
         </basic:style>
-        <basic:beads>
-            <basic:LayoutChangeNotifier watchedProperty="{purchase.height}" initialValue="0"
/>
-            <basic:LayoutChangeNotifier watchedProperty="{compare.height}" initialValue="0"
/>
-            <basic:LayoutChangeNotifier watchedProperty="{details.height}" initialValue="0"
/>
-        </basic:beads>
         <basic:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png"
className="hoverButton"
             click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))"

             width="30">


Mime
View raw message