Changing an image on button click

[bluemvj]

Hi,


How to change an image on button click i am using this code for a button

            xtype:"button",            
            html: '<img src="resources/images/fb_icon.png" />',
            pressedCls:'btnAction',
            pressedDelay: 100,
            width:35,
            height:35,
           // height:290,
           // iconAlign:top,
            //iconMask:true,
            //iconCls:'fb_icon',
            itemId:'btnFacebook',
            handler:this.onfacebookButtonTap,
            scope:this

The image on button is displayed properly but when i press the button i want to change the image of the button which is not happening even though i use pressedCls can anyone give an idea about that.










Thanks
Ram

[sword-it]

HI!

you may try to use !important in your css class.

sample:-

.sampleClass{
    background:  XXXXXX !important;
}

if above doesn't work, paste your btnAction CSS Class here.

[bluemvj]

Thanks man got it working using this below code

.backCls{
background: url('../images/back.png') !important;
background-repeat: no-repeat;
background-size: 65px 65px;
height: 65px;
width: 65px;
}




.backCls.x-button-pressing{
background: url('../images/back_active.png') !important;
background-repeat: no-repeat;
background-size: 65px 65px;
height: 65px;
width: 65px;
}