I’m trying to figure out the best way to make it easier to declare styling for express components.
Right now, I know of three ways to set styling: 1. Using class names in css blocks 2. programmatically setting the values when the component is initialized 3. using js:style mxml blocks and declaring some kind of stlye object in that. None of these options are as easy as what we had in Flex. In Flex, you could just declare the styling options as attributes of the main tag. Even option #3 is problematic because it makes it too easy to swap out the style object defined in the component, so BindableCSSStyles might be replaced with the non-bindable version by mistake. One option is that we can add getters and setters for the styles that Flex supported natively. That would use whatever CSS object is created by default, and support simple declarations in the main tags. Another option would be to add a new setter which takes an object of any type and for-ins the object to insert the values into the default styles object in the component. One variation on the first option is to create a new “styleable” component set which has a large gamut of style-able proprties (and possibly a better skinning story). Maybe express could be middleweight components and “styleable” or “skinnable” would be a heavier-weight component set which would be closer to Flex components. Thoughts? Harbs
