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" <[EMAIL PROTECTED]> 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
> > >
> >
>
