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)
