flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Santanu Karar (JIRA)" <j...@apache.org>
Subject [jira] [Created] (FLEX-35211) [FlexJS] BindableCSSStyle do not updates all it's properties at runtime
Date Mon, 12 Dec 2016 06:01:04 GMT
Santanu Karar created FLEX-35211:
------------------------------------

             Summary: [FlexJS] BindableCSSStyle do not updates all it's properties at runtime
                 Key: FLEX-35211
                 URL: https://issues.apache.org/jira/browse/FLEX-35211
             Project: Apache Flex
          Issue Type: Bug
    Affects Versions: Apache FlexJS 0.8.0
            Reporter: Santanu Karar


(This issue once discussed in Apache mailing-list at: http://apache-flex-users.2333346.n4.nabble.com/Updating-className-td12217i20.html)

*Requirement*
Updating UI components' styles at runtime. If possible, updating their _className_ property
at runtime and see it's effect without refreshing browser.

*What we have*
Updating _className_ property to any component do not works.

*Workaround*
Using _BindableCSSStyle_ to update any given style at runtime and see it's effect.

*Result*
_BindableCSSStyle_ API not able to update all it's properties at runtime. 


h3. Observation 
As suggested in mailing-list (link given above), _BindableCSSStyle_ used in *FlexJSStore*
example project that supplied within SDK bundle, in {{/flexjs/FlexJSStore/productsView/ProductCatalogThumbnail.mxml}}
page. I tested, it does updates "border" property to a component at runtime. 

It does not updates all other properties at rumtime though, i.e. backgroundColor.

I tested with a simple example, by modifying the "ProductCatalogThumbnail.mxml file only:

{code}
<js:style>
       <js:BindableCSSStyles id="borderStyles" borderStyle="solid" borderWidth="1" borderColor="#FFFFFF"
backgroundColor="#FFFFFF"/>
</js:style>
...
private function rollOverHandler(event:MouseEvent):void
{
        borderStyles.borderColor = "#0000ff";
        borderStyles.backgroundColor = "#00ffff";
        //style["dropShadowEnabled"] = true;
        buttons.visible = true;
} 
{code}

Setting up _backgroundColor_ property in _rollOverHandler()_ never worked, as an example.




--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

Mime
View raw message