RE: [flexcoders] problem setting styles for buttons and linkbuttons at the same time

[Rick Winscot]

Try this.

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute" 

backgroundColor="black">

 

<mx:Style>

 

.linkyButton {

paddingLeft: 19;

paddingRight: 20;

rollOverColor: #330000;

selectionColor: #000000;

color: #dc6a1d;

textRollOverColor: #f1aa3c;

textSelectedColor: #fb6521;

fontSize: 12;

}

 

.bunyButton 

{

highlightAlphas: 0.18, 0;

fillAlphas: 0.6, 0.4, 0.54, 0.5;

fillColors: #201f41, #170e50, #84062a, #6d0505;

color: #fb6521;

textRollOverColor: #fa6520;

textSelectedColor: #330000;

borderColor: #1f1b42;

themeColor: #330000;

fontSize: 14;

fontFamily: sanSerifFont;

color: #F1AA3C;

}

 

</mx:Style>

<mx:HBox>

 

<mx:LinkButton styleName="linkyButton" label="One"/>

<mx:LinkButton styleName="linkyButton" label="Two"/>

<mx:LinkButton styleName="linkyButton" label="Three"/> 

<mx:Button styleName="bunyButton" label="bOne"/>

<mx:Button styleName="bunyButton" label="bTwo"/>

<mx:Button styleName="bunyButton" label="bThree"/>

 

</mx:HBox>

 

</mx:Application>

 

 

Rick Winscot

 

 

From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of celumbra
Sent: Thursday, April 24, 2008 6:23 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] problem setting styles for buttons and linkbuttons at
the same time

 

After struggling for some time to identify the problem, I finally reduced
the issue to this: 
Flex will apply either of the following two styles, one for Button, the
other for LinkButton, 
but not both at the same time. If I remove the Button style, the LinkButton
will render as 
intended; if I remove the LinkButton, the Button will render as intended.
But when both are 
present, LinkButton will not render as intended. Am I missing something
here? 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute" 
backgroundColor="black">

<mx:Style>

LinkButton {
paddingLeft: 19;
paddingRight: 20;
rollOverColor: #330000;
selectionColor: #000000;
color: #dc6a1d;
textRollOverColor: #f1aa3c;
textSelectedColor: #fb6521;
fontSize: 12;
}

Button 
{
highlightAlphas: 0.18, 0;
fillAlphas: 0.6, 0.4, 0.54, 0.5;
fillColors: #201f41, #170e50, #84062a, #6d0505;
color: #fb6521;
textRollOverColor: #fa6520;
textSelectedColor: #330000;
borderColor: #1f1b42;
themeColor: #330000;
fontSize: 14;
fontFamily: sanSerifFont;
color: #F1AA3C;
}

</mx:Style>
<mx:HBox>

<mx:LinkButton styleName="LinkButton" label="One"/>
<mx:LinkButton styleName="LinkButton" label="Two"/>
<mx:LinkButton styleName="LinkButton" label="Three"/> 
<mx:Button styleName="Button"/>
<mx:Button styleName="Button"/>
<mx:Button styleName="Button"/>

</mx:HBox>

</mx:Application>

 

<<image001.jpg>>

<<image002.jpg>>