1. #1
    Sencha User
    Join Date
    May 2012
    Location
    bangalore
    Posts
    60
    Answers
    4
    Vote Rating
    0
    bluemvj is an unknown quantity at this point

      0  

    Default Answered: Changing an image on button click

    Answered: Changing an image on button click


    Hi,


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

    Code:
                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

  2. Thanks man got it working using this below code
    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;
    }

  3. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Answers
    124
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    HI!

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

    sample:-

    Code:
    .sampleClass{
        background:  XXXXXX !important;
    }
    if above doesn't work, paste your btnAction CSS Class here.
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  4. #3
    Sencha User
    Join Date
    May 2012
    Location
    bangalore
    Posts
    60
    Answers
    4
    Vote Rating
    0
    bluemvj is an unknown quantity at this point

      0  

    Default


    Thanks man got it working using this below code
    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;
    }

Thread Participants: 1

Tags for this Thread