Can you clarify something then?? I’m learning all of this.? For Korean, Simplified Chinese, and Japanese, I’m being told the font (or rendering) of characters in MX is cleaner and more readable then the Spark components.? Why the change?? Using MX only would be a serious step backwards…
 

Michael J. Regert


From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Alex Harui
Sent: Wednesday, April 11, 2012 3:11 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Fonts and localization

  

You would have to use MX components everywhere (and not need right-to-left language support)


On 4/11/12 9:43 AM, "michael_regert@..." <michael_regert@...> wrote:

 
 
   

Thanks.? I’m being told by our Korean QA that the default font that is used in the MS Advanced Data Grid is much cleaner than what is used in the Spark controls.? How do I change this to use the same font as the grid across my whole app?
 

Michael J. Regert

Please consider the environment before printing this email.
 
Confidentiality Notice | This e-mail message, including any attachments, is for the sole use of the intended recipient(s) and may contain confidential or proprietary information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, immediately contact the sender by reply e-mail and destroy all copies of the original message.

 

From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Alex Harui
Sent: Wednesday, April 11, 2012 11:38 AM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Fonts and localization

  

MX uses TextField, Spark defaults to TextLine which will render a bit differently.


On 4/11/12 8:26 AM, "michael_regert@..." <michael_regert@...> wrote:


 
 
   

I’m trying to understand what Adobe Flex is doing for Korean (and other languages) fonts.  I’m seeing that the font used for a Spark label is different than what is used in an MX Advanced Data Grid.  I’m using Adobe Flex 4.0 and 4.6.  
 
I have the following sample app.  The font used to display the label when run is different than the grid, even though I am not defining a font or setting anything in a css.  Why?  Screenshot attached (if it comes through in the post).  
 
 
<?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/mx">
    <fx:Declarations>
           <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
       
       <fx:Script>
           <![CDATA[
                     import mx.collections.ArrayCollection;
                     [Bindable]
                     private var testString:String = "invalidType = À߸øµÈ À¯ÇüÀÔ´Ï´Ù. XML À¯ÇüÀ̰ųª ÇϳªÀÇ XML °³Ã¼¸¦ Æ÷ÇÔÇÑ XMLList¿©¾ß ÇÕ´Ï´Ù.";
                     
                     [Bindable]
                     private var testData:ArrayCollection = new ArrayCollection([
                           {msg:"invalidType = À߸øµÈ À¯ÇüÀÔ´Ï´Ù. XML À¯ÇüÀ̰ųª ÇϳªÀÇ XML °³Ã¼¸¦ Æ÷ÇÔÇÑ XMLList¿©¾ß ÇÕ´Ï´Ù."}
                     ]);
              ]]>
       </fx:Script>
    <s:VGroup width="100%" height="100%" gap="10" paddingTop="20" paddingBottom="20" paddingLeft="20" paddingRight="20">
           <s:Label width="100%" text="{testString}"/>
           
              <mx:AdvancedDataGrid width="100%" height="100%" dataProvider="{testData}">
                     <mx:columns>
                        <mx:AdvancedDataGridColumn dataField="msg"/>
                  </mx:columns>
           </mx:AdvancedDataGrid>    
       </s:VGroup>
    
       
</s:Application>

 
 
 




 
Michael

   
 

 
 
   

So, I've run into this before but I don't recall it being the headscratcher it has become today....

I'm using Flex 3.5 in an app.  I have an MXML class with a bunch of UI in it.  I have been asked to add a switch that causes the positions of some of the different child components to change.  The components use constraint-based layouts, so this is going to amount to modifying their left, right, top, and bottom styles.  This only needs to happen once per object creation.  

In the docs:
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_08.html

"Some applications must call the setStyle() method during the application or object instantiation. If this is the case, call the setStyle() method early in the instantiation phase. Early in the instantiation phase means setting styles from the component or application's preinitialize event, instead of the creationComplete or other event. By setting the styles as early as possible during initialization, you avoid unnecessary style notification and lookup. For more information about the component startup life cycle, see Improving Startup Performance."

Putting these style sets in preinitialize is impossible because the children have not been setup and are null.  At this point, I am making the calls in the handler for the initialize event.  Is there an acceptable way to do this without having to create two versions of the class subclass the children?  

 
   

Thanks Gordon for the explanation, that makes sense.

Alex, in general, we have had quite a bit of problems using states in the 3.x
stuff.  In short, we banned it because of the maintenance problems it caused
(and a couple other reasons).  That said, this is one of the places it would be
more appropriate than what we are doing now, and I hadn't considered it -- so
thanks.

Of course, in the 4.x stuff, the things we have struggled with using states have
largely been addressed and I use them all the time.

--- In flexcoders@yahoogroups.com, Alex Harui <aharui@...> wrote:
>
> The doc is assuming you are calling setStyle on the component dispatching the
event, not its children.  Why aren't you using states for this?

I have an actionscript component (a View) with a number of states defined in the
following manner:

var stateDefault:State = new State();
stateDefault.name = "DefaultState";
stateDefault.overrides = new Array();// array of IOverride
states.push(stateDefault);
stateDefault.overrides.push(new RemoveChild(btn_MatterPicker_Search));

When attempting to run the line
      currentState = "DefaultState";
the error below occurs.  I'm hoping that someone has a simple solution to this -
the only thing I can think of at the moment is to write my own state change
handler that adds and removes the appropriate items from each state manually. 
Does anyone have a more elegant solution?  (The code needs to remain as
actionscript, can't switch to mxml.)

Here's the error:
Error: removeChild() is not available in this class. Instead, use
removeElement() or modify the skin, if you have one.
     at
spark.components::Group/removeChild()[E:\dev\4.y\frameworks\projects\spark\src\s\
park\components\Group.as:2136]
     at
mx.states::RemoveChild/apply()[E:\dev\4.y\frameworks\projects\framework\src\mx\s\
tates\RemoveChild.as:150]
     at
mx.core::UIComponent/applyState()[E:\dev\4.y\frameworks\projects\framework\src\m\
x\core\UIComponent.as:10741]
     at
mx.core::UIComponent/commitCurrentState()[E:\dev\4.y\frameworks\projects\framewo\
rk\src\mx\core\UIComponent.as:10487]
     at
mx.core::UIComponent/setCurrentState()[E:\dev\4.y\frameworks\projects\framework\\
src\mx\core\UIComponent.as:10323]
     at mx.core::UIComponent/set
currentState()[E:\dev\4.y\frameworks\projects\framework\src\mx\core\UIComponent.\
as:6425]
     at
com.chromeriver.components.matter::MatterSearchBar/setDefaultState()...MatterSea\
rchBar.as:288]

 
 
   

How would you add a stroke to dynamic text at runtime? If that's not possible how would you add a stroke to a bitmap (snapshot of text)?
 
   

 
 
   

I have an actionscript component (a View) with a number of states defined in the following manner:

var stateDefault:State = new State();
stateDefault.name = "DefaultState";
stateDefault.overrides = new Array();// array of IOverride
states.push(stateDefault);
stateDefault.overrides.push(new RemoveChild(btn_MatterPicker_Search));

When attempting to run the line
 currentState = "DefaultState";
the error below occurs.  I'm hoping that someone has a simple solution to this - the only thing I can think of at the moment is to write my own state change handler that adds and removes the appropriate items from each state manually.  Does anyone have a more elegant solution?  (The code needs to remain as actionscript, can't switch to mxml.)

Here's the error:
Error: removeChild() is not available in this class. Instead, use removeElement() or modify the skin, if you have one.
 at spark.components::Group/removeChild()[E:\dev\4.y\frameworks\projects\spark\src\spark\components\Group.as:2136]
 at mx.states::RemoveChild/apply()[E:\dev\4.y\frameworks\projects\framework\src\mx\states\RemoveChild.as:150]
 at mx.core::UIComponent/applyState()[E:\dev\4.y\frameworks\projects\framework\src\mx\core\UIComponent.as:10741]
 at mx.core::UIComponent/commitCurrentState()[E:\dev\4.y\frameworks\projects\framework\src\mx\core\UIComponent.as:10487]
 at mx.core::UIComponent/setCurrentState()[E:\dev\4.y\frameworks\projects\framework\src\mx\core\UIComponent.as:10323]
 at mx.core::UIComponent/set currentState()[E:\dev\4.y\frameworks\projects\framework\src\mx\core\UIComponent.as:6425]
 at com.chromeriver.components.matter::MatterSearchBar/setDefaultState()...MatterSearchBar.as:288]

 
   

 
 
   

Alex, where is good information on states and how/when/where to use them?
 

Freundliche Grüße / Best regards,
Bill Franklin
Computer Integrated Mfg.


Bayer CropScience LP
8400 Hawthorne Road, Room 2447
Kansas City, MO 64120
Tel: +1 816 242 2148
Fax: +1 816 242 2047
E-mail: bill.franklin@...
Web: http://www.bayercropscience.com

Vorstand: Sandra E. Peterson, Vorsitzende   |  Lykele van der Broek, Achim Noack, Rüdiger Scheitza, Michael A. Schulz
Vorsitzender des Aufsichtsrats: Werner Baumann
Sitz der Gesellschaft: Monheim am Rhein   |   Eintragung: Amtsgericht Düsseldorf, HRB 46985


From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Alex Harui
Sent: Thursday, April 12, 2012 3:22 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] setStyle, preinitialize and initialize

  

The doc is assuming you are calling setStyle on the component dispatching the event, not its children.  Why aren’t you using states for this?


On 4/11/12 3:40 PM, "flexwdw" <flexwdw@...> wrote:

 
 
   

So, I've run into this before but I don't recall it being the headscratcher it has become today....

I'm using Flex 3.5 in an app.  I have an MXML class with a bunch of UI in it.  I have been asked to add a switch that causes the positions of some of the different child components to change.  The components use constraint-based layouts, so this is going to amount to modifying their left, right, top, and bottom styles.  This only needs to happen once per object creation.  

In the docs:
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_08.html

"Some applications must call the setStyle() method during the application or object instantiation. If this is the case, call the setStyle() method early in the instantiation phase. Early in the instantiation phase means setting styles from the component or application's preinitialize event, instead of the creationComplete or other event. By setting the styles as early as possible during initialization, you avoid unnecessary style notification and lookup. For more information about the component startup life cycle, see Improving Startup Performance."

Putting these style sets in preinitialize is impossible because the children have not been setup and are null.  At this point, I am making the calls in the handler for the initialize event.  Is there an acceptable way to do this without having to create two versions of the class subclass the children?  

 
   

Hi everyone I'm new to flex and I've been trying to creat a program but i'm
stuck on something simple and i'm not sure what im doing wrong please help

I'm conecting flex to php using the zen service, and i can load the data on the
form with no problem, following the adobe tutorial i'm trying to update or save
the changes made to the data, but im getting this error "1067: Implicit coercion
of a value of type valueObjects:DatosEmpresa to an unrelated type
valueObjects:Empresa."

This is the complete code:


<?xml version="1.0" encoding="utf-8"?>
<ns:MDIWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   xmlns:ns="http://code.google.com/p/flexlib/"
			   xmlns:empresaservice="services.empresaservice.*"
			   xmlns:valueObjects="valueObjects.*"
			   creationComplete="init()"
			   width="80%" height="80%" layout="absolute" title="Empresa">
	 <fx:Script>
		 <![CDATA[
			 import mx.controls.Alert;

			 protected function init():void
			 {
				 getEmpresaByIDResult.token = empresaService.getEmpresaByID(parseInt("1"));
			 }


			 protected function button2_clickHandler(event:MouseEvent):void
			 {
				 datosEmpresa.NOMBRE_EMP = nOMBRE_EMPTextInput.text;
				 datosEmpresa.DIRECCION_EMP = dIRECCION_EMPTextInput.text;
				 datosEmpresa.TELEFONO1_EMP = tELEFONO1_EMPTextInput.text;
				 datosEmpresa.TELEFONO2_EMP = tELEFONO2_EMPTextInput.text;
				 datosEmpresa.TELEFONO3_EMP = tELEFONO3_EMPTextInput.text;
				 datosEmpresa.EMAIL_EMP = eMAIL_EMPTextInput.text;
				 datosEmpresa.LOGO_LINK_EMP = lOGO_LINK_EMPTextInput.text;
				 updateEmpresaResult.token = empresaService.updateEmpresa(datosEmpresa);
			 }

		 ]]>
	 </fx:Script>
	 <fx:Declarations>
		 <empresaservice:EmpresaService id="empresaService"
									    fault="Alert.show(event.fault.faultString + '\n' +
event.fault.faultDetail)"
									    showBusyCursor="true"/>
		 <s:CallResponder id="getEmpresaByIDResult"
						  result="datosEmpresa = getEmpresaByIDResult.lastResult as DatosEmpresa"/>
		 <valueObjects:DatosEmpresa id="datosEmpresa"/>
		 <s:CallResponder id="updateEmpresaResult"/>
	 </fx:Declarations>
	 <mx:Form top="50" defaultButton="{btnActualizar}" horizontalCenter="0">
		 <mx:FormItem label="Nombre">
			 <s:TextInput id="nOMBRE_EMPTextInput" text="{datosEmpresa.NOMBRE_EMP}"
width="150"/>
		 </mx:FormItem>
		 <mx:FormItem label="Dirección">
			 <s:TextInput id="dIRECCION_EMPTextInput" text="{datosEmpresa.DIRECCION_EMP}"
width="250"/>
		 </mx:FormItem>
		 <mx:FormItem label="Telefono 1">
			 <s:TextInput id="tELEFONO1_EMPTextInput"
text="{datosEmpresa.TELEFONO1_EMP}"/>
		 </mx:FormItem>
		 <mx:FormItem label="Telefono 2">
			 <s:TextInput id="tELEFONO2_EMPTextInput"
text="{datosEmpresa.TELEFONO2_EMP}"/>
		 </mx:FormItem>
		 <mx:FormItem label="Telefono 3">
			 <s:TextInput id="tELEFONO3_EMPTextInput"
text="{datosEmpresa.TELEFONO3_EMP}"/>
		 </mx:FormItem>
		 <mx:FormItem label="Email">
			 <s:TextInput id="eMAIL_EMPTextInput" text="{datosEmpresa.EMAIL_EMP}"
width="250"/>
		 </mx:FormItem>
		 <mx:FormItem label="Logo link">
			 <s:TextInput id="lOGO_LINK_EMPTextInput" text="{datosEmpresa.LOGO_LINK_EMP}"
width="100"/>
		 </mx:FormItem>
	 </mx:Form>
	 <s:Button id="btnActualizar" y="299" label="Actualizar"
click="button2_clickHandler(event)"
			   horizontalCenter="0"/>
	 <s:FormHeading top="10" label="Datos de la Empresa" horizontalCenter="0"/>

</ns:MDIWindow>


Any ideas!!! Help

Hi,

I have created a custom chart component with dynamic series.

Everything but the VWAP series is shown.

I have tried created an empty array, assign series to it then set the series of
the priceAreaChart instead of pushing them one by one. To no avail.

I have tried using invalidateSeriesStyles() as well.

Any clue ?



		 override protected function commitProperties():void
		 {
			 super.commitProperties();


			 if(isTextColorStyleChanged)
			 {
				 isTextColorStyleChanged = false;

				 pricesAreaChart.setStyle("color", textColorData);
				 pricesHLOCChart.setStyle("color", textColorData);
				 tradeVolumesChart.setStyle("color", textColorData);
				 legend.setStyle("color", textColorData);
			 }

			 if(isFontFamilyStyleChanged)
			 {
				 isFontFamilyStyleChanged = false;

				 pricesAreaChart.setStyle("fontFamily", fontFamilyData);
				 pricesHLOCChart.setStyle("fontFamily", fontFamilyData);
				 tradeVolumesChart.setStyle("fontFamily", fontFamilyData);
				 legend.setStyle("fontFamily", fontFamilyData);
			 }

			 if(isFontWeightStyleChanged)
			 {
				 isFontWeightStyleChanged = false;

				 pricesAreaChart.setStyle("fontWeight", fontWeightData);
				 pricesHLOCChart.setStyle("fontWeight", fontWeightData);
				 tradeVolumesChart.setStyle("fontWeight", fontWeightData);
				 legend.setStyle("fontWeight", fontWeightData);
			 }

			 if(isFontSizeStyleChanged)
			 {
				 isFontSizeStyleChanged = false;

				 pricesAreaChart.setStyle("fontSize", fontSizeData);
				 pricesHLOCChart.setStyle("fontSize", fontSizeData);
				 tradeVolumesChart.setStyle("fontSize", fontSizeData);
				 legend.setStyle("fontSize", fontSizeData);
			 }

			 if(this._bDataDirty)
			 {
				 this._bDataDirty = false;

				 // Reset charts series

				 pricesAreaChart.series = [];
				 pricesHLOCChart.series = [];
				 tradeVolumesChart.series = [];

				 // Remove Dynamic skin parts

				 for each(var dynamicSkinPartObject:Object in dynamicPartsInstances) {
					 removeDynamicPartInstance(dynamicSkinPartObject.partName,
dynamicSkinPartObject.instance);
				 }

				 dynamicPartsInstances = [];

				 // Remove all the data children (dingbats) from the DataDrawingCanvas in the
annotationElements

				 pricesAreaForegroundCanvas.removeAllChildren();
				 pricesHLOCForegroundCanvas.removeAllChildren();

				 // Create dingbats for the alert being investigated
				 createDingBats();

				 // Create charts series

				 var columnSet:ColumnSet = new ColumnSet();
				 columnSet.type = "stacked";

				 for each(var item:StockDataItemDTO in dataProvider)
				 {
					 if(item.data)
					 {
						 // Create one data tip per market
						 //createDataTip(item);

						 //#######################################
						 // Each StockDataItem represents a market
						 //#######################################

						
//-------------------------------------------------------------------------
						 // Top chart: Spread, Level 1, VWAP - AreaSeries, LineSeries and
HLOCSeries
						
//-------------------------------------------------------------------------

						 // Spread area

						 var spreadAreaSeries:AreaSeries = new AreaSeries();

						 spreadAreaSeries.dataProvider = item.data;
						 spreadAreaSeries.xField = "date";
						 spreadAreaSeries.yField = "high";
						 spreadAreaSeries.minField = "low";

						 var spreadAreaStroke:IStroke = new SolidColorStroke(item.areaColor, 1, 1);
						 var spreadAreaFill:LinearGradient = new LinearGradient();
						 var spreadAreaRatio:Number = 0.0;
						 spreadAreaFill.rotation = 90;
						 var gradientEntries:Array = [];

						 for each(var spreadColor:Number in item.areaFill)
						 {
							 var gradientEntry:GradientEntry = new GradientEntry(spreadColor,
spreadAreaRatio, 1.0);
							 gradientEntries.push(gradientEntry);
							 spreadAreaRatio += 0.33;
						 }

						 spreadAreaFill.entries = gradientEntries;

						 spreadAreaSeries.setStyle("areaStroke", spreadAreaStroke);
						 spreadAreaSeries.setStyle("areaFill", spreadAreaFill);
						 spreadAreaSeries.setStyle("form", formData);
						 pricesAreaChart.series.push(spreadAreaSeries);

						 BindingUtils.bindProperty(spreadAreaSeries, "visible", item,
"isSpreadDisplayed");


						 // Level 1 (Price)

						 var priceLineSeries:LineSeries = new LineSeries();

						 priceLineSeries.dataProvider = item.data;
						 priceLineSeries.xField = "date";
						 priceLineSeries.yField = "price";
						 var priceLineStroke:IStroke = new SolidColorStroke(item.priceColor, 1, 1);
						 priceLineSeries.setStyle("lineStroke", priceLineStroke);
						 var priceLineFilter:GlowFilter = new GlowFilter(0xFFFFFF, 2, 2, 2, 2, 1);
// Glow the color of vwapColor
						 //priceLineSeries.filters = [priceLineFilter];
						 priceLineSeries.setStyle("form", formData);
						 pricesAreaChart.series.push(priceLineSeries);

						 BindingUtils.bindProperty(priceLineSeries, "visible", item,
"isLevel1Displayed");

						 // VWAP line

						 var vwapLineSeries:LineSeries = new LineSeries();

						 vwapLineSeries.dataProvider = item.data;
						 vwapLineSeries.xField="date";
						 vwapLineSeries.yField="vwap";
						 var vwapLineStroke:IStroke = new SolidColorStroke(0xFFFFFF, 1, 1); // Line
the same color for all markets (default is white)
						 vwapLineSeries.setStyle("lineStroke", vwapLineStroke);
						 var vwapFilter:GlowFilter = new GlowFilter(item.priceColor, 2, 2, 2, 2,
1); // Glow the color of vwapColor
						 //vwapLineSeries.filters = [vwapFilter];
						 vwapLineSeries.setStyle("form", formData);
						 pricesAreaChart.series.push(vwapLineSeries);

						 BindingUtils.bindProperty(vwapLineSeries, "visible", item,
"isVWAPDisplayed");

						 // HLOC

						 var hlocSeries:HLOCSeries = new HLOCSeries();

						 hlocSeries.dataProvider = item.data;
						 hlocSeries.xField="date";
						 hlocSeries.openField="open"
						 hlocSeries.highField="high"
						 hlocSeries.lowField="low"
						 hlocSeries.closeField="close"
						 hlocSeries.setStyle("openTickLength", 7);
						 hlocSeries.setStyle("closeTickLength", 7);
						 var hlocLineStroke:IStroke = new SolidColorStroke(item.hlocColor, 1, 1);
						 hlocSeries.setStyle("lineStroke", hlocLineStroke);
						 var closeTickStroke:IStroke = new SolidColorStroke(item.closeTickColor, 1,
1);
						 hlocSeries.setStyle("closeTickStroke", closeTickStroke);
						 var openTickStroke:IStroke = new SolidColorStroke(item.openTickColor, 1,
1);
						 hlocSeries.setStyle("openTickStroke", openTickStroke);

						 var highLineSeries:LineSeries = new LineSeries();

						 highLineSeries.dataProvider = item.data;
						 highLineSeries.xField = "date";
						 highLineSeries.yField = "high";
						 highLineSeries.setStyle("lineStroke", spreadAreaStroke);
						 highLineSeries.setStyle("form", formData);

						 var lowLineSeries:LineSeries = new LineSeries();

						 lowLineSeries.dataProvider = item.data;
						 lowLineSeries.xField = "date";
						 lowLineSeries.yField = "low";
						 lowLineSeries.setStyle("lineStroke", spreadAreaStroke);
						 lowLineSeries.setStyle("form", formData);

						 pricesHLOCChart.series.push(hlocSeries);
						 pricesHLOCChart.series.push(vwapLineSeries); 	 // Same VWAP line series as
the AreaChart
						 pricesHLOCChart.series.push(highLineSeries);
						 pricesHLOCChart.series.push(lowLineSeries);

						 //----------------------------------------------
						 // Bottom chart: Volume of trades - ColumnSeries
						 //----------------------------------------------

						 var volumeColumnSeries:ColumnSeries = new ColumnSeries();

						 volumeColumnSeries.dataProvider = item.data;
						 volumeColumnSeries.xField="date";
						 volumeColumnSeries.yField="volume";
						 volumeColumnSeries.setStyle("stroke", spreadAreaStroke); // Same values as
the spread
						 volumeColumnSeries.setStyle("fill", spreadAreaFill);  // Same values as
the spread
						 volumeColumnSeries.displayName = item.marketName;
						 columnSet.series.push(volumeColumnSeries);
					 }
				 }

				 tradeVolumesChart.series = columnSet.series;

				
//------------------------------------------------------------------------------\
-------------------------------------------
				 // Update the timeline dataProvider with the first item whose data is not
null (the date range for all markets is the same)
				
//------------------------------------------------------------------------------\
-------------------------------------------

				 var dataProviderAC:ArrayCollection = dataProvider as ArrayCollection;
				 var itemData:ArrayCollection;

				 if(dataProviderAC.length > 0)
				 {
					 for each(var market:StockDataItemDTO in dataProviderAC)
					 {
						 if(market.data)
						 {
							 itemData = market.data;
							 timeLine.dataProvider = itemData;

							 break;
						 }
					 }
				 }
			 }

			 // Reset price at time of order line on both price and HLOC canvases

			 pricesAreaBackgroundCanvas.clear();
			 pricesHLOCBackgroundCanvas.clear();

			 invalidateDisplayList();
		 }

Best regards,
Karl.

Problem solved:

I just commented that line:

pricesHLOCChart.series.push(vwapLineSeries); // Same VWAP line series as
the AreaChart


Added the same series to two different charts causes trouble.


--- In flexcoders@yahoogroups.com, "k.sigiscar" <k.sigiscar@...> wrote:
>
> Hi,
>
> I have created a custom chart component with dynamic series.
>
> Everything but the VWAP series is shown.
>
> I have tried created an empty array, assign series to it then set the series
of the priceAreaChart instead of pushing them one by one. To no avail.
>
> I have tried using invalidateSeriesStyles() as well.
>
> Any clue ?
>
>
>
> 	 override protected function commitProperties():void
> 	 {
> 		 super.commitProperties();
>
>
> 		 if(isTextColorStyleChanged)
> 		 {
> 			 isTextColorStyleChanged = false;
>
> 			 pricesAreaChart.setStyle("color", textColorData);
> 			 pricesHLOCChart.setStyle("color", textColorData);
> 			 tradeVolumesChart.setStyle("color", textColorData);
> 			 legend.setStyle("color", textColorData);
> 		 }
>
> 		 if(isFontFamilyStyleChanged)
> 		 {
> 			 isFontFamilyStyleChanged = false;
>
> 			 pricesAreaChart.setStyle("fontFamily", fontFamilyData);
> 			 pricesHLOCChart.setStyle("fontFamily", fontFamilyData);
> 			 tradeVolumesChart.setStyle("fontFamily", fontFamilyData);
> 			 legend.setStyle("fontFamily", fontFamilyData);
> 		 }
>
> 		 if(isFontWeightStyleChanged)
> 		 {
> 			 isFontWeightStyleChanged = false;
>
> 			 pricesAreaChart.setStyle("fontWeight", fontWeightData);
> 			 pricesHLOCChart.setStyle("fontWeight", fontWeightData);
> 			 tradeVolumesChart.setStyle("fontWeight", fontWeightData);
> 			 legend.setStyle("fontWeight", fontWeightData);
> 		 }
>
> 		 if(isFontSizeStyleChanged)
> 		 {
> 			 isFontSizeStyleChanged = false;
>
> 			 pricesAreaChart.setStyle("fontSize", fontSizeData);
> 			 pricesHLOCChart.setStyle("fontSize", fontSizeData);
> 			 tradeVolumesChart.setStyle("fontSize", fontSizeData);
> 			 legend.setStyle("fontSize", fontSizeData);
> 		 }
>
> 		 if(this._bDataDirty)
> 		 {
> 			 this._bDataDirty = false;
>
> 			 // Reset charts series
>
> 			 pricesAreaChart.series = [];
> 			 pricesHLOCChart.series = [];
> 			 tradeVolumesChart.series = [];
>
> 			 // Remove Dynamic skin parts
>
> 			 for each(var dynamicSkinPartObject:Object in dynamicPartsInstances) {
> 				 removeDynamicPartInstance(dynamicSkinPartObject.partName,
dynamicSkinPartObject.instance);
> 			 }
>
> 			 dynamicPartsInstances = [];
>
> 			 // Remove all the data children (dingbats) from the DataDrawingCanvas in
the annotationElements
>
> 			 pricesAreaForegroundCanvas.removeAllChildren();
> 			 pricesHLOCForegroundCanvas.removeAllChildren();
>
> 			 // Create dingbats for the alert being investigated
> 			 createDingBats();
>
> 			 // Create charts series
>
> 			 var columnSet:ColumnSet = new ColumnSet();
> 			 columnSet.type = "stacked";
>
> 			 for each(var item:StockDataItemDTO in dataProvider)
> 			 {
> 				 if(item.data)
> 				 {
> 					 // Create one data tip per market
> 					 //createDataTip(item);
>
> 					 //#######################################
> 					 // Each StockDataItem represents a market
> 					 //#######################################
>
> 					
//-------------------------------------------------------------------------
> 					 // Top chart: Spread, Level 1, VWAP - AreaSeries, LineSeries and
HLOCSeries
> 					
//-------------------------------------------------------------------------
>
> 					 // Spread area
>
> 					 var spreadAreaSeries:AreaSeries = new AreaSeries();
>
> 					 spreadAreaSeries.dataProvider = item.data;
> 					 spreadAreaSeries.xField = "date";
> 					 spreadAreaSeries.yField = "high";
> 					 spreadAreaSeries.minField = "low";
>
> 					 var spreadAreaStroke:IStroke = new SolidColorStroke(item.areaColor, 1,
1);
> 					 var spreadAreaFill:LinearGradient = new LinearGradient();
> 					 var spreadAreaRatio:Number = 0.0;
> 					 spreadAreaFill.rotation = 90;
> 					 var gradientEntries:Array = [];
>
> 					 for each(var spreadColor:Number in item.areaFill)
> 					 {
> 						 var gradientEntry:GradientEntry = new GradientEntry(spreadColor,
spreadAreaRatio, 1.0);
> 						 gradientEntries.push(gradientEntry);
> 						 spreadAreaRatio += 0.33;
> 					 }
>
> 					 spreadAreaFill.entries = gradientEntries;
>
> 					 spreadAreaSeries.setStyle("areaStroke", spreadAreaStroke);
> 					 spreadAreaSeries.setStyle("areaFill", spreadAreaFill);
> 					 spreadAreaSeries.setStyle("form", formData);
> 					 pricesAreaChart.series.push(spreadAreaSeries);
>
> 					 BindingUtils.bindProperty(spreadAreaSeries, "visible", item,
"isSpreadDisplayed");
>
>
> 					 // Level 1 (Price)
>
> 					 var priceLineSeries:LineSeries = new LineSeries();
>
> 					 priceLineSeries.dataProvider = item.data;
> 					 priceLineSeries.xField = "date";
> 					 priceLineSeries.yField = "price";
> 					 var priceLineStroke:IStroke = new SolidColorStroke(item.priceColor, 1,
1);
> 					 priceLineSeries.setStyle("lineStroke", priceLineStroke);
> 					 var priceLineFilter:GlowFilter = new GlowFilter(0xFFFFFF, 2, 2, 2, 2,
1); // Glow the color of vwapColor
> 					 //priceLineSeries.filters = [priceLineFilter];
> 					 priceLineSeries.setStyle("form", formData);
> 					 pricesAreaChart.series.push(priceLineSeries);
>
> 					 BindingUtils.bindProperty(priceLineSeries, "visible", item,
"isLevel1Displayed");
>
> 					 // VWAP line
>
> 					 var vwapLineSeries:LineSeries = new LineSeries();
>
> 					 vwapLineSeries.dataProvider = item.data;
> 					 vwapLineSeries.xField="date";
> 					 vwapLineSeries.yField="vwap";
> 					 var vwapLineStroke:IStroke = new SolidColorStroke(0xFFFFFF, 1, 1); //
Line the same color for all markets (default is white)
> 					 vwapLineSeries.setStyle("lineStroke", vwapLineStroke);
> 					 var vwapFilter:GlowFilter = new GlowFilter(item.priceColor, 2, 2, 2, 2,
1); // Glow the color of vwapColor
> 					 //vwapLineSeries.filters = [vwapFilter];
> 					 vwapLineSeries.setStyle("form", formData);
> 					 pricesAreaChart.series.push(vwapLineSeries);
>
> 					 BindingUtils.bindProperty(vwapLineSeries, "visible", item,
"isVWAPDisplayed");
>
> 					 // HLOC
>
> 					 var hlocSeries:HLOCSeries = new HLOCSeries();
>
> 					 hlocSeries.dataProvider = item.data;
> 					 hlocSeries.xField="date";
> 					 hlocSeries.openField="open"
> 					 hlocSeries.highField="high"
> 					 hlocSeries.lowField="low"
> 					 hlocSeries.closeField="close"
> 					 hlocSeries.setStyle("openTickLength", 7);
> 					 hlocSeries.setStyle("closeTickLength", 7);
> 					 var hlocLineStroke:IStroke = new SolidColorStroke(item.hlocColor, 1, 1);
> 					 hlocSeries.setStyle("lineStroke", hlocLineStroke);
> 					 var closeTickStroke:IStroke = new SolidColorStroke(item.closeTickColor,
1, 1);
> 					 hlocSeries.setStyle("closeTickStroke", closeTickStroke);
> 					 var openTickStroke:IStroke = new SolidColorStroke(item.openTickColor, 1,
1);
> 					 hlocSeries.setStyle("openTickStroke", openTickStroke);
>
> 					 var highLineSeries:LineSeries = new LineSeries();
>
> 					 highLineSeries.dataProvider = item.data;
> 					 highLineSeries.xField = "date";
> 					 highLineSeries.yField = "high";
> 					 highLineSeries.setStyle("lineStroke", spreadAreaStroke);
> 					 highLineSeries.setStyle("form", formData);
>
> 					 var lowLineSeries:LineSeries = new LineSeries();
>
> 					 lowLineSeries.dataProvider = item.data;
> 					 lowLineSeries.xField = "date";
> 					 lowLineSeries.yField = "low";
> 					 lowLineSeries.setStyle("lineStroke", spreadAreaStroke);
> 					 lowLineSeries.setStyle("form", formData);
>
> 					 pricesHLOCChart.series.push(hlocSeries);
> 					 pricesHLOCChart.series.push(vwapLineSeries); 	 // Same VWAP line series
as the AreaChart
> 					 pricesHLOCChart.series.push(highLineSeries);
> 					 pricesHLOCChart.series.push(lowLineSeries);
>
> 					 //----------------------------------------------
> 					 // Bottom chart: Volume of trades - ColumnSeries
> 					 //----------------------------------------------
>
> 					 var volumeColumnSeries:ColumnSeries = new ColumnSeries();
>
> 					 volumeColumnSeries.dataProvider = item.data;
> 					 volumeColumnSeries.xField="date";
> 					 volumeColumnSeries.yField="volume";
> 					 volumeColumnSeries.setStyle("stroke", spreadAreaStroke); // Same values
as the spread
> 					 volumeColumnSeries.setStyle("fill", spreadAreaFill);  // Same values as
the spread
> 					 volumeColumnSeries.displayName = item.marketName;
> 					 columnSet.series.push(volumeColumnSeries);
> 				 }
> 			 }
>
> 			 tradeVolumesChart.series = columnSet.series;
>
> 			
//------------------------------------------------------------------------------\
-------------------------------------------
> 			 // Update the timeline dataProvider with the first item whose data is not
null (the date range for all markets is the same)
> 			
//------------------------------------------------------------------------------\
-------------------------------------------
>
> 			 var dataProviderAC:ArrayCollection = dataProvider as ArrayCollection;
> 			 var itemData:ArrayCollection;
>
> 			 if(dataProviderAC.length > 0)
> 			 {
> 				 for each(var market:StockDataItemDTO in dataProviderAC)
> 				 {
> 					 if(market.data)
> 					 {
> 						 itemData = market.data;
> 						 timeLine.dataProvider = itemData;
>
> 						 break;
> 					 }
> 				 }
> 			 }
> 		 }
>
> 		 // Reset price at time of order line on both price and HLOC canvases
>
> 		 pricesAreaBackgroundCanvas.clear();
> 		 pricesHLOCBackgroundCanvas.clear();
>
> 		 invalidateDisplayList();
> 	 }
>
> Best regards,
> Karl.
>

Hi All

What is the most efficient method to apply  styles to flex applications?

Loading style swfs at run time or using .css files?

If we use css files whether it will affect the application loading time?

Please reply..

Thanks..

The MOUSE_LEAVE event doesn't appear to get dispatched when the mouse is pressed
when leaving the flex application area...is there a way to make this happen?

 
 
   

The MOUSE_LEAVE event doesn't appear to get dispatched when the mouse is pressed when leaving the flex application area...is there a way to make this happen?

 
   

Just wondering if anyone has had any luck with getting the SQLQuery information
in AMF response header with Charles Proxy after upgrading to ColdFusion 9.  It
works correctly on ColdFusion 8, with the exact same debugging settings, but
although the header comes shows up, it does not have any of the child objects in
it.  I had thought that the JSON Serialization issue, that was fixed in
ColdFusion 9.0.1 Hot Fix 2, would fix it...but alas, it did not.

 
 
   

I have a label which I need to change the font color on various states.  Originally I had the code as below with no CSS:
 
<s:Label text="×" top="1" width="100%" color=”#202020” color.over=”#a12100” color.down=”#a12100” fontSize=”24” textAlign=”center” />
 
I’m trying to move everything into a CSS and have the syntax as follows, but the state ones do not seem to get triggered.  Why?
 
<s:Label text="×" top="1" width="100%" styleName="MyLabel"/>
 
s|Label.MyLabel { color: #202020; fontSize: 24; textAlign: center; }
s|Label. MyLabel:over { color: #a12100; }
s|Label. MyLabel:down { color: #a12100; }
 
Michael J. Regert

   

 
 
   

I'm looking for more of something like this:

<s:Label text="Hello Filters!">
<s:stroke>
<s:SolidColorStroke weight="4" color="#ABCDEF"/>
</s:stroke>
</s:Label>

or this:

<s:Label text="Hello Filters!">
<s:filters>
<s:SolidColorStrokeFilter weight="4" color="#ABCDEF"/>
</s:filters>
</s:Label>

On Fri, Apr 13, 2012 at 12:15 AM, Alex Harui <aharui@...> wrote:

 
 
 
   

In Spark controls, you can add children to the TextLine like a sprite.




On 4/12/12 5:43 PM, "dorkiedorkfromdorktown@... <http://dorkiedorkfromdorktown@...> " <dorkiedorkfromdorktown@... <http://dorkiedorkfromdorktown@...> > wrote:

 
 
   

How would you add a stroke to dynamic text at runtime? If that's not possible how would you add a stroke to a bitmap (snapshot of text)?
 
   

 
 
   

I've made a simple test case in which I can replicate the problem. If anyone feels like having a look you can download it here:

http://www.filefactory.com/file/6oz4m4wrkx31/n/DataGridRender_zip



On 4 April 2012 23:12, Alex Harui <aharui@...> wrote:

 
 
 
   

Do you have a simple test case?




On 4/4/12 8:43 AM, "Wouter Schreuders" <wschreuders@... <http://wschreuders@...> > wrote:

 
 
   

spark DG

On 4 April 2012 17:28, Alex Harui <aharui@... <http://aharui@...> > wrote:

 
 
 
   

MX or Spark DG?





On 4/4/12 12:05 AM, "Wouter Schreuders" <wschreuders@... <http://wschreuders@...>  <http://wschreuders@...> > wrote:

 
 
   

I thought that that may be the case, so I removed all my custom itemrenderers but the problem remains, I've also noticed that the problem only occurs after I have entered a date range, if I stick with the standard date range then problem doesn't occur.

On 3 April 2012 22:23, Alex Harui <aharui@... <http://aharui@...>  <http://aharui@...> > wrote:

 
 
 
   

That sounds more like an issue with custom renderers.




On 4/3/12 4:47 AM, "Wouter Schreuders" <wschreuders@... <http://wschreuders@...>  <http://wschreuders@...>  <http://wschreuders@...> > wrote:

 
 
   

Hi All

I've run into a rendering problem with the datagrid.

I have a datagrid that a user can search using a date range, furthermore the user can also search using keywords. I do this by first looking at the date range and applying a filter to the array of objects based on the dates. Then I make of a copy of that arraycollection and assign the arraycollection which binds to my datagrid to that collection.

The problem is that when the user selects a date range and I apply the filter, the datagrid content disappears. The scrollbar on the side updates though and if I scroll down then the content appears and renders correctly. I've tried the following post refresh commands but none of them solve the problem.

(datagrid.dataProvider as ArrayCollection).refresh();
datagrid .invalidateSkinState();
datagrid .invalidateDisplayList();
datagrid .validateNow();

Here's the code where I get the date range.

var dateFilteredArray:Array = _transactions.source.filter(
function (item:Transaction, index:int, array:Array):Boolean
{
if(Date.parse(item.displayDate) < dateRangeComponent.startDate.valueOf() || Date.parse(item.displayDate) > dateRangeComponent.endDate.valueOf())
return false
else
return true //item is inside date range
}
);
_dateFilteredCollection = new ArrayCollection(dateFilteredArray);

Anyone run into this before?
 
   

Looks like there are a couple of bugs in there.  File the bugs against Adobe if
you have an Adobe support contract, otherwise file against Apache Flex.

I used the following hack in applyDateFilter that appears to work.  If you don't
change the scrollposition, it doesn't cause a full update of the screen.


                 var oldvsp:Number = dgTransactions.grid.verticalScrollPosition;
                 _dateFilteredCollection = new
ArrayCollection(dateFilteredArray);
                 applySort();
                 applySearch();
                 dgTransactions.grid.verticalScrollPosition = oldvsp + .1;
                 dgTransactions.grid.verticalScrollPosition = oldvsp;

-Alex



--- In flexcoders@yahoogroups.com, Wouter Schreuders <wschreuders@...> wrote:
>
> Hi Alex
>
> To replicate the problem.
>
> - launch the app (it will populate the datagrid with values)
>
> - choose a different date in the date picker on the top left
>
> - the dataprovider will get updated but the datagrid doesn't update
> properly, instead it just remains blank
>
> - use the scroller on the right-hand side to scroll through the datagrid,
> the datagrid will then render properly
>
> Thanks
>
> Wouter
>
> On 26 April 2012 08:37, Alex Harui <aharui@...> wrote:
>
> > **
> >
> >
> > What are the steps to reproduce the problem?
> >
> >
> >
> > On 4/20/12 12:54 AM, "Wouter Schreuders" <wschreuders@...> wrote:
> >
> >
> >
> >
> >
> >
> > I've made a simple test case in which I can replicate the problem. If
> > anyone feels like having a look you can download it here:
> >
> > http://www.filefactory.com/file/6oz4m4wrkx31/n/DataGridRender_zip
> >
> >
> >
> > On 4 April 2012 23:12, Alex Harui <aharui@...> wrote:
> >
> >
> >
> >
> >
> >
> > Do you have a simple test case?
> >
> >
> >
> >
> > On 4/4/12 8:43 AM, "Wouter Schreuders" <wschreuders@... <
> > http://wschreuders@...> > wrote:
> >
> >
> >
> >
> >
> >
> > spark DG
> >
> >
> > On 4 April 2012 17:28, Alex Harui <aharui@... <
> > http://aharui@...> > wrote:
> >
> >
> >
> >
> >
> >
> > MX or Spark DG?
> >
> >
> >
> >
> >
> >
> > On 4/4/12 12:05 AM, "Wouter Schreuders" <wschreuders@... <
> > http://wschreuders@...>  <http://wschreuders@...> > wrote:
> >
> >
> >
> >
> >
> >
> > I thought that that may be the case, so I removed all my custom
> > itemrenderers but the problem remains, I've also noticed that the problem
> > only occurs after I have entered a date range, if I stick with the standard
> > date range then problem doesn't occur.
> >
> > On 3 April 2012 22:23, Alex Harui <aharui@... <
> > http://aharui@...>  <http://aharui@...> > wrote:
> >
> >
> >
> >
> >
> >
> > That sounds more like an issue with custom renderers.
> >
> >
> >
> >
> > On 4/3/12 4:47 AM, "Wouter Schreuders" <wschreuders@... <
> > http://wschreuders@...>  <http://wschreuders@...>  <
> > http://wschreuders@...> > wrote:
> >
> >
> >
> >
> >
> >
> > Hi All
> >
> > I've run into a rendering problem with the datagrid.
> >
> > I have a datagrid that a user can search using a date range, furthermore
> > the user can also search using keywords. I do this by first looking at the
> > date range and applying a filter to the array of objects based on the
> > dates. Then I make of a copy of that arraycollection and assign the
> > arraycollection which binds to my datagrid to that collection.
> >
> > The problem is that when the user selects a date range and I apply the
> > filter, the datagrid content disappears. The scrollbar on the side updates
> > though and if I scroll down then the content appears and renders correctly.
> > I've tried the following post refresh commands but none of them solve the
> > problem.
> >
> > (datagrid.dataProvider as ArrayCollection).refresh();
> > datagrid .invalidateSkinState();
> > datagrid .invalidateDisplayList();
> > datagrid .validateNow();
> >
> > Here's the code where I get the date range.
> >
> > var dateFilteredArray:Array = _transactions.source.filter(
> > function (item:Transaction, index:int, array:Array):Boolean
> > {
> > if(Date.parse(item.displayDate) < dateRangeComponent.startDate.valueOf()
> > || Date.parse(item.displayDate) > dateRangeComponent.endDate.valueOf())
> > return false
> > else
> > return true //item is inside date range
> > }
> > );
> > _dateFilteredCollection = new ArrayCollection(dateFilteredArray);
> >
> > Anyone run into this before?
> >
> >
> >
> >
> >
> > --
> > Alex Harui
> > Flex SDK Team
> > Adobe Systems, Inc.
> > http://blogs.adobe.com/aharui
> >
> >
> >
>

There are edge detection algorithms.  You might need something like that.  The
glyph information would be better, but I don't think it is available.

--- In flexcoders@yahoogroups.com, dorkie dork from dorktown
<dorkiedorkfromdorktown@...> wrote:
>
> The picture I linked is not that clear. Here is a clearer picture and the
> article,
> http://www.blog.spoongraphics.co.uk/wp-content/uploads/2011/cafe-racer/13.jpg
>
http://internetwebsitedesign.biz/design/how-to-create-a-retro-cafe-racer-motorcy\
cle-ad-design
>
> What he is doing at design time I want to do at runtime.
>
> On Thu, Apr 26, 2012 at 8:41 PM, dorkie dork from dorktown <
> dorkiedorkfromdorktown@...> wrote:
>
> > I want to add a stroke (a border or outline) to the *edge* of the text or
> > image itself.
> >
> > For example, the text and the image in this screenshot show what I'd like
> > to do,
> >
http://blog.spoongraphics.co.uk/wp-content/uploads/2011/cafe-racer/retro-cafe-ra\
cer-ad.jpg.
> >
> >
> > There are filters that add drop shadow or a glow around the
> > non-transparent pixels (content) of a display object. But no one in the
> > world has been able to create a filter to add a stroke.
> >
> > On Thu, Apr 26, 2012 at 1:05 AM, Alex Harui <aharui@...> wrote:
> >
> >> **
> >>
> >>
> >> I'm still not sure I understand.  Why do you have to add Stroke
> >> components?  You can just call graphics APIs on them.
> >>
> >> If you must use components, can you overlay or underlay them in a Group
> >> parenting the Label?
> >>
> >>
> >>
> >> On 4/25/12 12:59 AM, "dorkiedorkfromdorktown@..." <
> >> dorkiedorkfromdorktown@...> wrote:
> >>
> >>
> >>
> >>
> >>
> >>
> >> I'm looking for more of something like this:
> >>
> >> <s:Label text="Hello Filters!">
> >> <s:stroke>
> >> <s:SolidColorStroke weight="4" color="#ABCDEF"/>
> >> </s:stroke>
> >> </s:Label>
> >>
> >> or this:
> >>
> >> <s:Label text="Hello Filters!">
> >> <s:filters>
> >> <s:SolidColorStrokeFilter weight="4" color="#ABCDEF"/>
> >> </s:filters>
> >> </s:Label>
> >>
> >> On Fri, Apr 13, 2012 at 12:15 AM, Alex Harui <aharui@...> wrote:
> >>
> >>
> >>
> >>
> >>
> >>
> >> In Spark controls, you can add children to the TextLine like a sprite.
> >>
> >>
> >>
> >>
> >> On 4/12/12 5:43 PM, "dorkiedorkfromdorktown@... <
> >> http://dorkiedorkfromdorktown@...> " <
> >> dorkiedorkfromdorktown@... <http://dorkiedorkfromdorktown@...>
> >> > wrote:
> >>
> >>
> >>
> >>
> >>
> >>
> >> How would you add a stroke to dynamic text at runtime? If that's not
> >> possible how would you add a stroke to a bitmap (snapshot of text)?
> >>
> >>
> >>
> >>
> >>
> >> --
> >> Alex Harui
> >> Flex SDK Team
> >> Adobe Systems, Inc.
> >> http://blogs.adobe.com/aharui
> >>
> >>
> >>
> >
> >
>

here take a look at this http://t.co/vf9rmTGq



~*Advertisement