~ d :-)

Perhaps not exactly what you want, but have you considered using the ToggleButtonBar control?

I have an example of it at “Creating a vertical ToggleButtonBar in Flex”.

You can definitely do what you want with a regular Button control also. Either set the toggle property to true (and possibly the selected property as well). But you’d have to track which button is currently selected and set the other button’s selected property to false. Plus, you may need to override the selectedUpSkin style (and maybe the selectedOverSkin and selectedDownSkin styles as well).

Hope that helps,
Peter

I typed the actual mxml tag but it didn’t print out for some reason.

sorry, i’m relatively new to this Flex stuff :-|

You know when you click say, a haloGreen button and it changes to a bright green Lozenge type effect?

I would like that to stay that way until you click the next button. Kinda like switching the button on/off and when you click the next button it switches on and the previous one goes off.

hope that makes sense? ~ d

How about the following:

<mx:Button emphasized="true" />

Peter

I have 3 buttons and when each one is clicked i would like them each to have a selected state or On effect so, the user will know what section they are in. Currently i am using haloBlue on each button and ideally i would like the haloBlue mouseOver state to stay when each button is selected.

Is that achievable and if so could you possibly show an example. Thanks! :-)

Try something similar to the following:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        .MyButton {
            borderColor: red;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            private function changeBorderColor(value:Object):void {
                var cssDecl:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".MyButton");
                if (cssDecl != null) {
                    cssDecl.setStyle("borderColor", value);
                }
            }
        ]]>
    </mx:Script>

    <mx:Button id="button3"
            label="Button 3"
            styleName="MyButton"
            click="changeBorderColor('haloOrange');" />

</mx:Application>

You should be able to pass strings such as “red” or “haloBlue” to the changeBorderColor() method, as well as color values such as 0xFF0000.

Hope that helps,
Peter

in this code:

.MyButton {
    borderColor: red;
}

How do i change declared Object Css on runtime or with script?