1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    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
    Gainesville, FL
    Posts
    37,651
    Vote Rating
    899
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Instead of backgroundImage try background-image
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

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

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    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,333
    Vote Rating
    85
    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.

Thread Participants: 2