Hi,
background : we are trying to simplify maintenance of CSS stylesheets by
declaring "theme colors" once, and using them everywhere else. We intend to
read a specific style declaration (e.g. getStyleDeclaration("global",
"maincolor") ), to then register color names for that color :
StyleManager.registerColorName("maincolor",
theColorWeJustReadFromGlobalDeclaration), and use that just-registered
colorname everywhere we need that color in our CSS.
For now, i'm stuck with an issue : components that use styles that reference
my custom color, do not pick the color until I RE-load the CSS.
I'm loading style dynamically :
StyleManager.loadStyleDeclarations(url, true); // a swf containing the CSS
On style complete :
StyleManager.registerColorName("mycolor", 0x00FF00);
In the CSS :
. test {
color: prout;
}
Component :
<mx:Label text="hello, i'm testing custom colors" styleName="test" />
To make it works I had to add : StyleManager.loadStyleDeclarations(url,
true);
a second tome after the registerColorName :
On style complete :
StyleManager.registerColorName("mycolor", 0x00FF00);
StyleManager.loadStyleDeclarations(url, true);
But I wish I could do it without having to reload the stylesheet.
I tried : this.styleChanged(null); // this is application
and
this.styleInitialized();
Any idea ?
Thanks in advance.
Cyril
