Customizing the Look and Feel of you application
Apache Royale can plug different style classes that can manage diferent levels of styling features. Usually a Royale application will compose a Style class at Application bead level like this:
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:js="library://ns.apache.org/royale/basic"> ... <j:valuesImpl> <js:SimpleCSSValuesImpl /> </j:valuesImpl> ...
## Implementations
-royale-swf
media query but not other media queries. It can be replaced with other implementations that handle more complex selector lookups.<js:VContainer id="vb" width="100%" height="100%"> <js:style> <js:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4"/> </js:style> </js:VContainer>
<js:PanelView> <js:titleBar> <js:TitleBar height="20"> <js:style> <js:SimpleCSSStylesWithFlex backgroundColor="0xA65904" /> </js:style> </js:TitleBar> </js:titleBar> </js:PanelView>
In Apache Royale, a theme is a predefined CSS file (and optionally a other assets like images) that holds the definitions of each component, so adding a theme to your application or replace the existing one will make your entire application change all visuals like colors, fonts and drawings that make you components and containers looks in a certain way.
In Jewel UI Set styling and themeing is one of the key concepts, you can learn more about it here: