Thanks for the suggestion. Was not able to try it though, I just ended up using ActionScript to update the values like in your example.

Keep the great articles coming! :)

Try using data binding:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:Style>
        .style1 {
            color: red;
            fontSize: 32;
            fontWeight: bold;
        }
 
        .style2 {
            color: green;
            fontSize: 40;
            fontStyle: italic;
        }
    </mx:Style>
 
    <mx:ApplicationControlBar dock="true">
        <mx:CheckBox id="ch1" label="check1" />
        <mx:CheckBox id="ch2" label="check2" />
    </mx:ApplicationControlBar>
 
    <mx:Button label="Button" styleName="{(ch1.selected || ch2.selected) ? 'style1' : 'style2'}" />
 
</mx:Application>

Peter

styleName="check1 || check2 ? 'style1' : 'style2'"

I can’t seem to make this approach work, I don’t see any compile errors but the styles are not being applied.

Thanks for your time.

-Paul

Yes, you can apply a style to a single Button on control/container by setting the styleName property, such as:

<mx:Button label="Custom styled" styleName="myStyleName" />
<mx:Button label="Default styled" />

<mx:Style>
    .myStyleName {
        color: red;
    }
</mx:Style>

Hope that helps,
Peter

Koo on posting code. I’ll keep that in mind.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        horizontalAlign="center"
        styleName="plain">
    ...
</mx:Application>

Peter

PS: The trick to posting code is to change all your < characters to “[” or “&lt;”.

Sorry for the multiple comments.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        horizontalAlign="center">

    …

</mx:Application>