Flex namespace and CSS and Skins

Dear Experts,

This is bit of a newbie question that I just not seeing correctly and I am pretty sure it will be 1 liner fix.

I am creating an Adobe AIR application, I found a skin/CSS from an open source that I would like to use. At this point I created an empty project and set the Style to the CSS. I have this warning that I am just not understanding need ing to provide a namespace?

Description      Resource      Path      Location      Type
Type 'Button' in CSS selector 'Button' must be qualified with a namespace.      GreenSkin.css      QuickCall/src/assets/skin      line 65      Flex Problem


Please can someone help me on this? Code attached for the AIR application and snippet from CSS.

Thanks for your help.


#########   AIR   File     ############ 

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/halo">
	
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<fx:Style source="/assets/skin/GreenSkin.css"/>
</s:WindowedApplication>


##########CSS File Snippet#########

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";




/*
//------------------------------
//  global
//------------------------------
*/
global{
	
	color: #5a5c59;
	themeColor: #B2DC32;

/*
//------------------------------
//  Button
//------------------------------
*/
Button
{
	disabledSkin: Embed(source="AeonGraphical.swf", symbol="Button_disabledSkin");
	downSkin: Embed(source="AeonGraphical.swf", symbol="Button_downSkin");
	overSkin: Embed(source="AeonGraphical.swf", symbol="Button_overSkin");
	upSkin: Embed(source="AeonGraphical.swf", symbol="Button_upSkin");
}

/* 
//------------------------------ 
//  ButtonBar 
//------------------------------ 
*/ 

etc.......

Open in new window

LVL 12
Joel_SiskoAsked:
Who is Participating?
 
vindys80Commented:
As you have two namespace in same css, you might need to declare button referring to namespace

http://opensource.adobe.com/wiki/display/flexsdk/CSS+Namespaces+Support

Thanks,
Vindys
mx|Button
{
        disabledSkin: Embed(source="AeonGraphical.swf", symbol="Button_disabledSkin");
        downSkin: Embed(source="AeonGraphical.swf", symbol="Button_downSkin");
        overSkin: Embed(source="AeonGraphical.swf", symbol="Button_overSkin");
        upSkin: Embed(source="AeonGraphical.swf", symbol="Button_upSkin");
}

Open in new window

0
 
Joel_SiskoAuthor Commented:
So since what I have was built for Flex 3.X is there a way to easily convert the CSS for 4.X?

Joel
0
 
vindys80Commented:
Hi Joel,

I am not sure about the change in 3.X and 4.X. But I think this was a much referred change in Flex 4

http://blog.crankybit.com/notes-migrating-from-flex-3-to-flex-4/

Thanks,
Vindys
0
 
Joel_SiskoAuthor Commented:
Your original link clarified the issue, not a big issues in the scheme of things, but dang a hard one when you have little idea of what is going on.

Thanks for the help.

Joel
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.