Hi I narrow down the problem. I have the application level style in which i am using the
Application{ font-family:Arial; color:#40668c } Now all the text appaers in the above font and color. but in my application i have the mx:Text in which i want to use the default styles for mx:Text. how to do this??? thanks ilikeflex --- In flexcoders@yahoogroups.com, "reflexactions" <[EMAIL PROTECTED]> wrote: > > We had the same problem before: > > Arial 10 "bold" looks the same as "normal" i.e. non-bold... > > Either live with it or change the fontSize to 11, because at > 11 "bold" starts to look like bold. > > > --- In flexcoders@yahoogroups.com, "ilikeflex" <ilikeflex@> wrote: > > > > Hi > > > > Thanks for the replies. I think my application is using the > > following styles which may be causing the problem. I am using the > > mx:Text in which text does not get bold. > > > > Can you give me any pointers. > > > > Is this due to styles inheritence.If yes, can you please let me > know > > mx:Text inherit styles from which component. > > > > thanks > > ilikeflex > > > > > > > > /* CSS file */ > > > > /* DEAFAULT STYLES > > ======================================================= */ > > > > > > > > Application{ > > font-family:Arial; > > color:#40668c > > } > > > > LinkBar{ > > color:#40668c; > > fontWeight:normal; > > } > > > > LinkButton{ > > color:#666; > > font-weight:normal; > > font-size:10; > > } > > > > TabNavigator,TabBar{ > > fontSize:10; > > } > > > > MenuBar{ > > font-size:10; > > background-alpha:0.75; > > color:#40668c; > > } > > > > ComboBox{ > > fontSize:10; > > height:15; > > } > > > > TitleWindow{ > > background-color:#000000; > > border-alpha:0.65; > > border-thickness:0; > > background-alpha:0.8; > > color:#FFFFFF; > > border-color:#000000; > > header-color:#333333; > > } > > > > DataGrid,GridItem,Button{ > > color:#333333; > > } > > > > Tree{ > > folderClosedIcon : Embed('../icons/folder-closed_16.png'); > > folderOpenIcon:Embed('../icons/folder-open_16.png'); > > textIndent:5; > > borderStyle:none; > > font-size:10; > > } > > > > VScrollBar { > > downArrowUpSkin: Embed(source="../skins/downArrow.png"); > > downArrowOverSkin: Embed(source="../skins/downArrow.png"); > > downArrowDownSkin: Embed(source="../skins/downArrow.png"); > > upArrowUpSkin: Embed(source="../skins/upArrow.png"); > > upArrowOverSkin: Embed(source="../skins/upArrow.png"); > > upArrowDownSkin: Embed(source="../skins/upArrow.png"); > > thumbDownSkin: > > Embed(source="../skins/thumb.png", > > scaleGridLeft="7", scaleGridTop="5", > > scaleGridRight="8", scaleGridBottom="7"); > > > > thumbUpSkin: > > Embed(source="../skins/thumb.png", > > scaleGridLeft="7", scaleGridTop="5", > > scaleGridRight="8", scaleGridBottom="7"); > > > > thumbOverSkin: > > Embed(source="../skins/thumb.png", > > scaleGridLeft="7", scaleGridTop="5", > > scaleGridRight="8", scaleGridBottom="7"); > > > > trackSkin: > > Embed(source="../skins/scrolltrack2.png", > > scaleGridLeft="7", scaleGridTop="4", > > scaleGridRight="8", scaleGridBottom="6" ); > > } > > > > > > > > > > > > Panel{ > > headerHeight: 26; > > roundedBottomCorners: true; > > borderThicknessTop: 0; > > borderThicknessBottom: 3; > > borderThicknessLeft: 3; > > borderThicknessRight: 3; > > borderAlpha: 1.0; > > titleStyleName: "mypanelTitle"; > > } > > > > .Main{ > > horizontalAlign: left; > > borderStyle: solid; > > dropShadowEnabled: true; > > shadowDirection: center; > > fontSize:12; > > backgroundColor : #FFFFFF; > > } > > > > .leftPanel{ > > paddingTop:10; > > paddingBottom:5; > > paddingLeft:5; > > paddingRight:5; > > backgroundColor:#cad5de; > > > > } > > > > /* TEXT STYLES > > ======================================================= */ > > > > .bigNumber{ > > font-size:14; > > font-weight:bold; > > } > > > > .header{ > > fontSize:18; > > fontWeight:bold; > > color:#FFFFFF; > > } > > > > .globalContext{ > > fontSize:14; > > font-style:italic; > > fontWeight:bold; > > color:#FFFFFF; > > } > > .gridHeader{ > > fontSize:11; > > fontWeight:bold; > > } > > .small{ > > fontSize:10; > > } > > > > .label{ > > fontSize:9; > > color:#999999; > > > > } > > > > .stat{ > > fontSize:15; > > color:#3d3d3d; > > fontWeight:bold > > } > > > > .statSmall{ > > fontSize:10; > > color:#999; > > } > > > > .large{ > > backgroundColor:#000000; > > } > > > > .mypanelTitle{ > > fontFamily: Arial; > > fontSize: 10; > > fontWeight: bold; > > color:#333333; > > } > > > > .titleWindowTitle{ > > color:#CCCCCC; > > > > } > > > > > > /* CUSTOM CONTAINERS & ELEMENTS STYLES > > ======================================================= */ > > > > .datePickerField{ > > background-color:#000000; > > color:#FFFFFF; > > border-color:#666666; > > header-color:#333333; > > background-alpha:0.75; > > > > } > > > > .largeField{ > > font-size:18; > > background-color:#f4f1c4; > > color:#000000; > > font-weight:bold; > > width:350; > > } > > > > .smallButton{ > > font-size:9; > > font-weight:normal; > > padding-top:2; > > padding-left:2; > > padding-right:2; > > padding-bottom:2; > > } > > > > > > .topMenu{ > > border-style: solid; > > border-thickness: 0; > > border-skin: ClassReference > > ("com.ubs.firc.mis.core.ui.borders.SimpleGradientBorder"); > > fill-colors: #efefef,#cccccc; > > corner-radius: 0; > > drop-shadow-enabled: false; > > verticalAlign:middle; > > padding-left:10; > > drop-shadow-distance:0; > > vertical-gap:1; > > } > > > > > > > > .topMenuItem{ > > labelPlacement:bottom; > > textAlign:center; > > textSelectedColor:#999999; > > selectionColor:#004f9e; > > } > > > > .desktop{ > > horizontal-align:right; > > } > > .menuItem{ > > text-indent:0; > > padding-bottom:2; > > width:150; > > > > } > > .gradient{ > > border-style: solid; > > border-thickness: 0; > > border-skin: ClassReference > > ("com.ubs.firc.mis.core.ui.borders.SimpleGradientBorder"); > > fill-colors: #6685a3,#40668c; > > corner-radius: 0; > > drop-shadow-enabled: true; > > verticalAlign:middle; > > padding-left:20; > > drop-shadow-distance:0; > > } > > > > .editPage{ > > border-style: solid; > > border-thickness: 1; > > border-sides:bottom; > > padding-bottom:10; > > border-skin: ClassReference > > ("com.ubs.firc.mis.core.ui.borders.SimpleGradientBorder"); > > fill-colors: #FFFFFF,#EFEFEF; > > corner-radius: 0; > > drop-shadow-enabled: false; > > verticalAlign:middle; > > padding-left:20; > > drop-shadow-distance:0; > > } > > > > .dateFilter{ > > border-style: solid; > > border-thickness: 0; > > border-skin: ClassReference > > ("com.ubs.firc.mis.core.ui.borders.SimpleGradientBorder"); > > fill-colors: #b9d0e5,#859db5; > > corner-radius: 0; > > drop-shadow-enabled: false; > > verticalAlign:middle; > > drop-shadow-distance:0; > > fontSize:9px; > > color:#3d3d3d; > > cornerRadius:1; > > paddingBottom:0; > > } > > > > .statbar{ > > border-style: solid; > > border-thickness:1; > > border-sides:bottom; > > border-color:#CCC; > > border-skin: ClassReference > > ("com.ubs.firc.mis.core.ui.borders.SimpleGradientBorder"); > > fill-colors: #FFFFFF,#EFEFEF; > > } > > > > .desktop{ > > color:#dfe6ec; > > } > > > > .selected{ > > color:#404e64; > > } > > > > .well{ > > background-color:#303e53; > > border-style:solid; > > border-sides:top; > > border-color:#293447; > > padding-top:8; > > color:#b9d0e5; > > padding-right:15; > > > > } > > > > .well Button{ > > color:#3d3d3d; > > } > > > > > > .SelectedStyledTabs{ > > color:#999; > > backgroundAlpha:0; > > } > > > > > > > > > > > > > > .mytoggleButtonBarButtonStyle { > > fillAlphas: 1, 0.58, 0.75, 0.65; > > fillColors: #000000, #333333, #999999, #333333; > > color: #999999; > > textRollOverColor: #0b333c; > > > > fontWeight: normal; > > } > > > > .mytoggleButtonBarFirstButtonStyle { > > fillAlphas: 1, 0.58, 0.75, 0.65; > > fillColors: #000000, #333333, #999999, #333333; > > color: #999999; > > textRollOverColor: #0b333c; > > > > fontWeight: normal; > > } > > > > .mytoggleButtonBarLastButtonStyle { > > fillAlphas: 1, 0.58, 0.75, 0.65; > > fillColors: #000000, #333333, #999999, #333333; > > color: #999999; > > textRollOverColor: #0b333c; > > > > fontWeight: normal; > > } > > > > .mytoggleButtonBarSelectedButtonStyle { > > color: #ffffff; > > > > } > > > > > > .smallButton{ > > font-size:9; > > padding-top:2; > > padding-bottom:2; > > padding-left:2; > > padding-right:2; > > font-weight:normal; > > > > } > > > > Accordion{ > > font-family:Arial; > > } > > > > > > /* CHART STYLES > > ======================================================= */ > > /* > > PieChart{ > > color:#ffffff; > > } > > */ > > ColumnChart{ > > color:#ffffff; > > } > > > > > > PieSeries { > > color:#ffffff; > > } > > > > .misLegend { > > font-size:8; > > font-weight:normal; > > font-family:Arial; > > markerHeight:7; > > markerWidth:7; > > horizontal-gap:1; > > vertical-gap:1; > > label-gap:1; > > color:#ffffff; > > > > } > > > > .misZoomGaugeLegend{ > > font-size:10; > > font-weight:normal; > > font-family:Arial; > > markerHeight:12; > > markerWidth:12; > > horizontal-gap:1; > > vertical-gap:1; > > label-gap:1; > > color:#ffffff; > > } > > > > .misNuggetLabel{ > > font-family:Arial; > > font-size:9; > > } > > > > .misWSNuggetLabel{ > > font-family:Arial; > > font-size:11; > > font-weight:bold; > > color:#000000; > > text-align:left; > > } > > > > .misWSNuggetDarkLabel{ > > font-family:Arial; > > font-size:11; > > font-weight:bold; > > color:#FFFFFF; > > text-align:left; > > } > > > > .misWorkspaceNugget{ > > border-color:#e2e2e2; > > background-color:#e2e2e2; > > border-thickness:3; > > corner-radius: 6; > > } > > > > .misLinkButton{ > > color:#ffffff; > > font-family:Arial; > > font-size:9; > > } > > > > .misGaugeButton{ > > color:#666666; > > disabledColor:#ffffff; > > font-family:Arial; > > font-size:9; > > } > > > > .misETradeLinkButton { > > /* > > color:#666666; > > disabledColor:#ffffff; > > */ > > color:#666666; > > disabledColor:#000000; > > font-family:Arial; > > font-size:9; > > font-weight:bold; > > } > > > > .resizeHndlr { > > upSkin: Embed('/assets/icons/resizeHandler.png'); > > overSkin: Embed('/assets/icons/resizeHandler.png'); > > downSkin: Embed('/assets/icons/resizeHandler.png'); > > disabledSkin: Embed('/assets/icons/resizeHandler.png'); > > } > > > > > > .sliderLabel{ > > fontSize:9; > > color:#000000; > > } > > > > > > --- In flexcoders@yahoogroups.com, "Gordon Smith" <gosmith@> > > wrote: > > > > > > I can't reproduce the problem. The following app renders properly > > for > > > me. > > > > > > - Gordon > > > > > > <?xml version="1.0" encoding="utf-8"?> > > > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> > > > > > > <mx:Script> > > > [Bindable] > > > private var foo:String = "Foo"; > > > </mx:Script> > > > > > > <mx:Text width="125" height="50" > > > htmlText="{foo} <br><B>Client</B> > > {foo} > > > <br><B>UBS</B> {foo}"/> > > > > > > </mx:Application> > > > > > > > > > ________________________________ > > > > > > From: flexcoders@yahoogroups.com > > [mailto:[EMAIL PROTECTED] On > > > Behalf Of ilikeflex > > > Sent: Tuesday, January 22, 2008 3:09 PM > > > To: flexcoders@yahoogroups.com > > > Subject: [flexcoders] Re: text does not appear bold in mx:Text > > > > > > > > > > > > Hi > > > > > > I tried lower case 'b'also but it doesn't work. > > > How to solve this??? > > > > > > Thanks > > > Rajan > > > > > > --- In flexcoders@yahoogroups.com <mailto:flexcoders% > > 40yahoogroups.com> > > > , "Alex Harui" <aharui@> wrote: > > > > > > > > Try lower case 'b' > > > > > > > > > > > > > > > > ________________________________ > > > > > > > > From: flexcoders@yahoogroups.com <mailto:flexcoders% > > 40yahoogroups.com> > > > > > > [mailto:flexcoders@yahoogroups.com <mailto:flexcoders% > > 40yahoogroups.com> > > > ] On > > > > Behalf Of ilikeflex > > > > Sent: Tuesday, January 22, 2008 7:36 AM > > > > To: flexcoders@yahoogroups.com <mailto:flexcoders% > > 40yahoogroups.com> > > > > Subject: [flexcoders] text does not appear bold in mx:Text > > > > > > > > > > > > > > > > Hi All > > > > > > > > I am using mx:Text to display the messages but the message does > > > not > > > > appear bold. > > > > > > > > <mx:Text xmlns:mx="http://www.adobe.com/2006/mxml > > > <http://www.adobe.com/2006/mxml> > > > > <http://www.adobe.com/2006/mxml > <http://www.adobe.com/2006/mxml> > > > " > > > width="125" > > > > height="50" > > > > htmlText="{data['event-type']} <br> > > > > <B>Client</B> {data['client-contact']} <br> > > > > <B>UBS</B> {data['person']}"/> > > > > > > > > I know i am missing some thing. > > > > Your expertise is required. > > > > > > > > Thanks > > > > ilikeflex > > > > > > > > > >