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
> > > >
> > >
> >
>
