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 <[email protected]> Authored: Fri Jan 9 23:39:22 2015 -0800 Committer: Alex Harui <[email protected]> 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">
