Great! I'd like to understand too. I dug through UITextField and didn't see anything suspicious.
Here's the code, please note that it only happens with embedded fonts, you can swap out the Standard0757 with Arial or something. <?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; backgroundColor="0x333333" styleName="plain" creationComplete="test();" layout="vertical" > <mx:Style> @font-face { src: url("../assets/fonts/stan0757.ttf"); fontFamily: Standard0757; unicode-range: U+0020-U+007E, /* englishRange */ U+00A1-U+00FF,U+2000-U+206F,U+20A0-U+20CF,U+2100- U+2183, /* Latin I */ U+0100-U+01FF, /* Latin Extended A */ U+1E00-U+1EFF; /* Latin Extended Add'l */ } .myStyle { font-family:Standard0757; color:#FF0000; font-size:8; } </mx:Style> <mx:Script> <![CDATA[ import mx.core.UIComponent; public function test():void { var t:TextField = new TextField(); t.embedFonts = true; t.text = "Regular Textfield"; t.setTextFormat(new TextFormat("Standard0757",8,0xFF0000)) t.selectable=false; var u:UIComponent = new UIComponent(); u.addChild(t); u.x = 150; container.addChild(u); } ]]> </mx:Script> <mx:Label text="Label with UITextField" styleName="myStyle" paddingTop="150" paddingLeft="150"/> <mx:Canvas width="100%" height="100%" id="container"/> </mx:Application> --- In [email protected], Gordon Smith <[EMAIL PROTECTED]> wrote: > > Could you please post the code that produced the display in ss.png? Since UITextField is just a sublcass of TextField, I'd like to understand why it is producing the background box. > > Gordon Smith > Adobe Flex SDK Team > > From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of giannif17 > Sent: Friday, September 12, 2008 8:59 AM > To: [email protected] > Subject: [flexcoders] Re: Regular TextField styling. > > > Here's an isolated case where it's pretty clear: > http://www.therichardsonnyc.com/images/ss.png > > I doubt there's a solution to this, that's why I initially asked a > different question. > > I'm going to just use TextField instead of the flex components. > > --- In [email protected]<mailto:flexcoders%40yahoogroups.com>, "giannif17" <gianni.ferullo@> > wrote: > > > > You can see it on both the timecodes on the bottom scrubber in this > > screen shot of a video player. > > http://therichardsonnyc.com/images/screenshot.jpg > > > > I'll look at on other PCs when I get back in my office tomorrow. > > > > When I use TextField, it goes away. > > > > Thanks > > > > --- In [email protected]<mailto:flexcoders%40yahoogroups.com>, "Josh McDonald" <dznuts@> wrote: > > > > > > I definitely can't seen anything, but I'm also on a Mac. Sorry if > > this is a > > > dumb question, but have you taken a screenshot on windows and > checked it > > > thoroughly with Photoshop to make sure it's really there? It may > be an > > > optical illusion. Do you see it on several different windows > > machines? What > > > about across browsers on the one machine? > > > > > > -Josh > > > > > > On Fri, Sep 12, 2008 at 9:06 AM, giannif17 <gianni.ferullo@> > wrote: > > > > > > > Yes, a plain UITextField has the same white box. > > > > Here's a link: > > > > http://therichardsonnyc.com/images/TestFlex.swf > > > > > > > > I can't even see it on my mac. > > > > > > > > If I used getStyle(), I'd have to do that for every property I > wanted > > > > to set on the TextFormat object. > > > > textFormat.bold = css.getStyle("fontWeight"); > > > > etc. > > > > > > > > Thanks for your help, Alex. > > > > > > > > --- In [email protected]<mailto:flexcoders%40yahoogroups.com>, Alex Harui <aharui@> wrote: > > > > > > > > > > Does a plain UITextFIeld also have the white box? Can you > post a > > > > simple test case? > > > > > > > > > > Instead of reading the factory, why not just call getStyle() > on the > > > > cssstyledecl. We have equivalent code in UITextField > > > > > > > > > > From: [email protected]<mailto:flexcoders%40yahoogroups.com> > [mailto:[email protected]<mailto:flexcoders%40yahoogroups.com >] > > > > On Behalf Of giannif17 > > > > > Sent: Thursday, September 11, 2008 3:25 PM > > > > > To: [email protected]<mailto:flexcoders%40yahoogroups.com> > > > > > Subject: [flexcoders] Re: Regular TextField styling. > > > > > > > > > > > > > > > There is a subtle translucent white box surrounding my Label > > > > > component. You can hardly see it, but it's there. It's pretty > much > > > > > invisible on my mac, but on my pc you can see it more clearly. > Our > > > > > designers are quite picky about it. A good comparison is a > > canvas with > > > > > backgroundColor white, and backgroundAlpha ".01". > > > > > > > > > > I don't see a ready event for the factory on > > CSSStyleDeclaration, all > > > > > the properties I need are actually in a protected var called > > > > > overrides, because when the stylesheet loads, setStyle is > called. > > > > > There won't ever be a factory. If I could just get at that > overrides > > > > > property... > > > > > > > > > > Any help is appreciated. > > > > > > > > > > --- In > > > > > > > [email protected]<mailto:flexcoders%40yahoogroups.com><mailto :flexcoders%40yahoogroups.com<flexcod > ers%2540yahoogroups.com>>, > > > > Alex > > > > Harui <aharui@> wrote: > > > > > > > > > > > > UITextField is just a subclass of TextField. What doesn't it > do > > > > > correctly? I'm not sure what you mean by transparent box. > > > > > > > > > > > > If factory is null, you should run that code when the > factory is > > > > > ready. There should be an event for that. > > > > > > > > > > > > From: > > > > > > > [email protected]<mailto:flexcoders%40yahoogroups.com><mailto :flexcoders%40yahoogroups.com<flexcod > ers%2540yahoogroups.com> > > > > > > > > > > > > [mailto:[email protected]<mailto:flexcoders%40yahoogroups.com ><mailto:flexcoders%40yahoogroups.com > <flexcoders%2540yahoogroups.com> > > > > >] > > > > > On Behalf Of giannif17 > > > > > > Sent: Thursday, September 11, 2008 2:10 PM > > > > > > To: > > > [email protected]<mailto:flexcoders%40yahoogroups.com><mailto :flexcoders%40yahoogroups.com<flexcod > ers%2540yahoogroups.com> > > > > > > > > > > > Subject: [flexcoders] Regular TextField styling. > > > > > > > > > > > > > > > > > > The UITextFields that are used in Flex Text components have > some > > > > > > rendering issues that the basic ActionScript TextFields > don't > > have. > > > > > > > > > > > > I want to use TextField, and set its style based on a style > that's > > > > > > available in the StyleManager, but can't make the > connection. > > > > > > > > > > > > This is what I did, it works in my test app, but not in my > > production > > > > > > app, because the factory is null (I'm loading the CSS swf at > > runtime). > > > > > > > > > > > > Is there another way to achieve this: > > > > > > var css:CSSStyleDeclaration = > > > > > > StyleManager.getStyleDeclaration(".myTextField"); > > > > > > var f:Function = css.factory; > > > > > > var styleObj:Object = new f(); > > > > > > var s:StyleSheet = new StyleSheet(); > > > > > > var fmt:TextFormat = s.transform(styleObj); > > > > > > var tf:TextField = new TextField(); > > > > > > tf.defaultTextFormat = fmt; > > > > > > > > > > > > I'm hoping there's a simple way to do this that I'm just > > overlooking. > > > > > > > > > > > > Oh, and the UITextFields have a slight transparent box > around them > > > > > > when using embedded fonts. If anyone knows how to fix that, > I'd > > > > > > definitely prefer that solution. > > > > > > > > > > > > > > > > > > > > > > > > > > > ------------------------------------ > > > > > > > > -- > > > > Flexcoders Mailing List > > > > FAQ: > http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt > > > > Search Archives: > > > > http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo! > Groups > > > > Links > > > > > > > > > > > > > > > > > > > > > > > > > -- > > > "Therefore, send not to know For whom the bell tolls. It tolls for > > thee." > > > > > > http://flex.joshmcdonald.info/ > > > > > > :: Josh 'G-Funk' McDonald > > > :: 0437 221 380 :: josh@ > > > > > >
