1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    16
    Vote Rating
    0
    dedeoc is on a distinguished road

      0  

    Default Unanswered: background image for button not working in IE

    Unanswered: background image for button not working in IE


    Hi,

    I have inlined one particular button to have an image as its background. It works fine in Chrome but unfortunately it does not work in IE,

    Thanks

    Code:
    style: 'backgroundImage: url(js/extjs/resourcesPAs/themes/images/default/btn/Refresh.gif)'

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,714
    Vote Rating
    438
    Answers
    3113
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    Instead of backgroundImage try background-image
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    16
    Vote Rating
    0
    dedeoc is on a distinguished road

      0  

    Default


    That doesn't work

  4. #4
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,331
    Vote Rating
    77
    Answers
    124
    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,

    try the following code
    Code:
    var form = Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    layout:"column",
    items:[{
    xtype:"button",
    cls: 'submit',
    name:"a",
    height:25,
    width:70
    }]
    });
    and the css class
    Code:
    .submit{
       background:url(http://www.izzigirls.com/tipos/submit_icon.gif) no-repeat  !important;
    }
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.