[FLEX-22274] CSS modules are not registering their bundles, causing RTEs when using Runtime Skinning

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Cannot Reproduce
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Runtime CSS, Runtime Exceptions, Skinning, Styles, Themes
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 03/Dec/09 13:49
• Updated: 15/Apr/11 15:12
• Resolved: 07/Dec/09 12:22

Description

1. Create a CSS file;
2. Create a Skin file for the s:TextInput component, and copy paste the TextInputSkin from Spark to this new file;
3. On the skin file, place there an mx:Image
4. Change the CSS file so it sets the created TextInput skin as a skin-class for the TextInput;
5. Compile the CSS to a SWF;
6. Create an Application with a TextInput;
7. Use Runtime Skinning to load the SWF of the skin, and see the RTE:

Error: Could not find compiled resource bundle 'controls' for locale 'en_US'.
at mx.resources::ResourceManagerImpl/installCompiledResourceBundle()[E:\dev\gumbo_beta2\frameworks\projects\framework\src\mx\resources\ResourceManagerImpl.as:340]
[...]

According to Alex Harui, this is a bug. His explanation: "CSS modules should be registering their bundles."

Here goes more information:

I have created two projects: one for the skin (having a css file and a TextInputSkin.mxml file), and another for the project who loads the skin. The project only has the following:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
minWidth="1024" minHeight="768"
xmlns:local="*" >
<s:layout><s:VerticalLayout/></s:layout>

<s:Button label="Load Skin" click="StyleManager.loadStyleDeclarations('style.swf');"/>
<s:TextInput text="Test" />

</s:Application>

The TextInputSkin.mxml is exactly the same as the spark version, except it has an <mx:Image>. With the <mx:image there, the above RTE is thrown. If I remove the <mx:Image, no RTE is shown. If I keep the <mx:Image on the skin, and put an <mx:Image> also on the main application, the RTE disappears.

I have attached an example.