[flexcoders] Re: text does not appear bold in mx:Text

ilikeflex Wed, 23 Jan 2008 06:51:00 -0800

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 [email protected], "Gordon Smith" <[EMAIL PROTECTED]> 
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} &lt;br&gt;&lt;B&gt;Client&lt;/B&gt; 
{foo}
> &lt;br&gt;&lt;B&gt;UBS&lt;/B&gt; {foo}"/>
> 
> </mx:Application>
> 
> 
> ________________________________
> 
> From: [email protected] 
[mailto:[EMAIL PROTECTED] On
> Behalf Of ilikeflex
> Sent: Tuesday, January 22, 2008 3:09 PM
> To: [email protected]
> 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 [email protected] <mailto:flexcoders%
40yahoogroups.com>
> , "Alex Harui" <aharui@> wrote:
> >
> > Try lower case 'b'
> > 
> > 
> > 
> > ________________________________
> > 
> > From: [email protected] <mailto:flexcoders%
40yahoogroups.com>
> 
> [mailto:[email protected] <mailto:flexcoders%
40yahoogroups.com>
> ] On
> > Behalf Of ilikeflex
> > Sent: Tuesday, January 22, 2008 7:36 AM
> > To: [email protected] <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']} &lt;br&gt; 
> > &lt;B&gt;Client&lt;/B&gt; {data['client-contact']} &lt;br&gt; 
> > &lt;B&gt;UBS&lt;/B&gt; {data['person']}"/>
> > 
> > I know i am missing some thing.
> > Your expertise is required.
> > 
> > Thanks
> > ilikeflex
> >
>

[flexcoders] Re: text does not appear bold in mx:Text

Reply via email to