# Button component loops 2 squares

**URL:** <https://forum.kirupa.com/t/button-component-loops-2-squares/351993>\
**Category:** flash\
**Created:** [November 6, 2014, 11:19pm UTC](https://forum.kirupa.com/t/button-component-loops-2-squares/351993 "2014-11-06T23:19:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![onurcan1977](https://avatars.discourse-cdn.com/v4/letter/o/9e8a1a/32.png) [@onurcan1977](https://forum.kirupa.com/u/onurcan1977)\
**Post date:** [November 6, 2014, 11:19pm UTC](https://forum.kirupa.com/t/button-component-loops-2-squares/351993/1 "2014-11-06T23:19:46Z")

</div>

I’m trying to create some buttons dynamically. When I test the code below, a white rectangle appears and the button loops its 2 squares.

```
import flash.display.MovieClip;

function createButton(event:Event) {
    var classType:Class;
    classType = getDefinitionByName("SingleButton") as Class;
    obj_arr[totalObjects] = new classType();    
    addChild(obj_arr[totalObjects]);

    // properties_txt.text = "Properties of " + event.target.selectedItem.label;
}

```

I’m using Flash Professional CC. How can I fix this?

Edit: I duplicated standart “Button” component in library named it “SingleButton”.

---

<div class="post-metadata">

**Author:** ![e\_v](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/e_v/32/7787_2.png) [@e\_v](https://forum.kirupa.com/u/e_v)\
**Post date:** [December 13, 2014, 1:58am UTC](https://forum.kirupa.com/t/button-component-loops-2-squares/351993/2 "2014-12-13T01:58:01Z")

</div>

When you duplicate the Button component, try setting the Base class to fl.controls.Button.