I have a custom Flex Toggleswitch component that changes the text values of the switch.

    package skins
{
    import spark.skins.mobile.ToggleSwitchSkin;

    public class MyToggleSwitchSkin extends ToggleSwitchSkin
    {
        public function MyToggleSwitchSkin()
        {
            super();
            selectedLabel="Serviceable";
            unselectedLabel="Fault";

        }
    }
}

If I add the control using the MXML tag, it works fine. However, when I add the component using action script, it does not.

import skins.MyToggleSwitchSkin;
public function addToggle():void {
   var myCustomToggle:MyToggleSwitchSkin = new MyToggleSwitchSkin();
   hgroup.addElement(myCustomToggle);
} 

The control dsiplays but will not activate.

Any ideas what I have missed?