flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From pio...@apache.org
Subject [29/56] [abbrv] [partial] git commit: [flex-utilities] [refs/heads/develop] - trying to merge TourDeFlex develop release into master
Date Mon, 26 Jan 2015 22:05:06 GMT
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceTree.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceTree.html
index 80281a9..9fc7773 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceTree.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceTree.html
@@ -14,116 +14,116 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<!-- saved from url=(0014)about:internet -->
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
-    <!-- 
-    Smart developers always View Source. 
-    
-    This application was built using Adobe Flex, an open source framework
-    for building rich Internet applications that get delivered via the
-    Flash Player or to desktops via Adobe AIR. 
-    
-    Learn more about Flex at http://flex.org 
-    // -->
-    <head>
-        <title></title>         
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
-		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
-			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
-			 don't display flashContent div so it won't show if JavaScript disabled.
-		-->
-        <style type="text/css" media="screen"> 
-			html, body	{ height:100%; }
-			body { margin:0; padding:0; overflow:auto; text-align:center; 
-			       background-color: #ffffff; }   
-			#flashContent { display:none; }
-        </style>
-		
-		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
-        <!-- BEGIN Browser History required section >
-        <link rel="stylesheet" type="text/css" href="history/history.css" />
-        <script type="text/javascript" src="history/history.js"></script>
-        <! END Browser History required section -->  
-		    
-        <script type="text/javascript" src="swfobject.js"></script>
-        <script type="text/javascript">
-  	        function loadIntoMain(url) {
-				parent.mainFrame.location.href = url;
-			}
-			
-			function openUrlWindow(url) {
-				window.top.location = url;
-			}
-			
-            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
-            var swfVersionStr = "10.0.0";
-            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
-            var xiSwfUrlStr = "playerProductInstall.swf";
-            var flashvars = {};
-            var params = {};
-            params.quality = "high";
-            params.bgcolor = "#ffffff";
-            params.allowscriptaccess = "sameDomain";
-            params.allowfullscreen = "true";
-            var attributes = {};
-            attributes.id = "SourceTree";
-            attributes.name = "SourceTree";
-            attributes.align = "middle";
-            swfobject.embedSWF(
-                "SourceTree.swf", "flashContent", 
-                "100%", "100%", 
-                swfVersionStr, xiSwfUrlStr, 
-                flashvars, params, attributes);
-			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
-			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
-        </script>
-    </head>
-    <body>
-        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
-			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
-			 when JavaScript is disabled.
-		-->
-        <div id="flashContent">
-        	<p>
-	        	To view this page ensure that Adobe Flash Player version 
-				10.0.0 or greater is installed. 
-			</p>
-			<script type="text/javascript"> 
-				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
-				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
-								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
-			</script> 
-        </div>
-	   	
-       	<noscript>
-            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
-                <param name="movie" value="SourceTree.swf" />
-                <param name="quality" value="high" />
-                <param name="bgcolor" value="#ffffff" />
-                <param name="allowScriptAccess" value="sameDomain" />
-                <param name="allowFullScreen" value="true" />
-                <!--[if !IE]>-->
-                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
-                    <param name="quality" value="high" />
-                    <param name="bgcolor" value="#ffffff" />
-                    <param name="allowScriptAccess" value="sameDomain" />
-                    <param name="allowFullScreen" value="true" />
-                <!--<![endif]-->
-                <!--[if gte IE 6]>-->
-                	<p> 
-                		Either scripts and active content are not permitted to run or Adobe Flash Player version
-                		10.0.0 or greater is not installed.
-                	</p>
-                <!--<![endif]-->
-                    <a href="http://www.adobe.com/go/getflashplayer">
-                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
-                    </a>
-                <!--[if !IE]>-->
-                </object>
-                <!--<![endif]-->
-            </object>
-	    </noscript>		
-   </body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
index 99acead..8ff3b3c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-AreaChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-AreaChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
@@ -14,44 +14,44 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>TDFGradientBackgroundSkin.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:SparkSkin</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
-             xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
-             xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Metadata&gt;</span>
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">HostComponent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"spark.components.Application"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Metadata&gt;</span> 
-    
-    <span class="MXMLComponent_Tag">&lt;s:states&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">disabled</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:states&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:BasicLayout</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bg</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:fill&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:LinearGradient</span><span class="MXMLDefault_Text"> rotation="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:entries&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" ratio="</span><span class="MXMLString">0.00</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" ratio="</span><span class="MXMLString">1.0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/s:entries&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:LinearGradient&gt;</span>    
-        <span class="MXMLComponent_Tag">&lt;/s:fill&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">contentGroup</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/s:SparkSkin&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>TDFGradientBackgroundSkin.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:SparkSkin</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+             xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+             xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Metadata&gt;</span>
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">HostComponent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"spark.components.Application"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Metadata&gt;</span> 
+    
+    <span class="MXMLComponent_Tag">&lt;s:states&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">disabled</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:states&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:BasicLayout</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bg</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:fill&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:LinearGradient</span><span class="MXMLDefault_Text"> rotation="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:entries&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" ratio="</span><span class="MXMLString">0.00</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" ratio="</span><span class="MXMLString">1.0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:entries&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:LinearGradient&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:fill&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">contentGroup</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:SparkSkin&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
index ae76d6a..d844c36 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
@@ -14,15 +14,15 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
-<title>AreaChart.png</title>
-</head>
-
-<body>
-<img src="AreaChart.png" border="0"/>
-</body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>AreaChart.png</title>
+</head>
+
+<body>
+<img src="AreaChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
index 2a2c9cb..f3767d8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,53 +14,53 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
-             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                 
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
+             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                 
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
index fa9beb7..9016c50 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
@@ -14,65 +14,65 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"  
-               xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
-               xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
-             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
-             borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
-                      showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"  
+               xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+               xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
+             borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                      showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
index ffbba61..a63f858 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-BarChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BarChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-BarChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BarChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+


Mime
View raw message