1. #1
    Sencha Premium Member RiaanSA's Avatar
    Join Date
    Mar 2012
    Location
    Centurion South Aftica
    Posts
    70
    Vote Rating
    0
    RiaanSA is on a distinguished road

      0  

    Default Unanswered: Using iconCls on tool-bars does not work in IE?

    Unanswered: Using iconCls on tool-bars does not work in IE?


    Hi,

    I am getting something weird.

    In Firefox the window will look like.
    FF.png

    But using Internet Explorer 9 I get.
    IE.png

    My CSS for example
    Code:
    .ds-pdf-icon {
        background: url(/datashed_media/icons/Adobe-PDF-Document.ico) !important;
        background-repeat: no-repeat; 
    }
    
    
    .ds-logout-icon {
        background: url(/datashed_media/icons/logout.ico) no-repeat;
    }
    Does it have something to do with size and type?

    Please advice.

  2. #2
    Sencha User
    Join Date
    Mar 2011
    Location
    Betelgeuse VII
    Posts
    86
    Answers
    3
    Vote Rating
    3
    fordprefect is on a distinguished road

      0  

    Default


    Hi,

    I've had similar problems and my issue was the IE was rendering in quirks mode instead of standards mode, this may or may not help your situation.

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,932
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Can you provide more detail on your setup?

    -IE document mode
    -Exact version of ExtJS4
    -Special / custom CSS uses.

    Scott.

  4. #4
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Answers
    106
    Vote Rating
    27
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    Yes, image resolution can affect the icons. I usually make sure that every icon image 16 x 16 pixels.

  5. #5
    Sencha Premium Member RiaanSA's Avatar
    Join Date
    Mar 2012
    Location
    Centurion South Aftica
    Posts
    70
    Vote Rating
    0
    RiaanSA is on a distinguished road

      0  

    Default


    Quote Originally Posted by scottmartin View Post
    Can you provide more detail on your setup?


    -IE document mode
    -Exact version of ExtJS4
    -Special / custom CSS uses.


    Scott.

    I am using.
    -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    -Extjs 4.1
    -CSS I only use for the icon's at the moment.


    Quote Originally Posted by friend View Post
    Yes, image resolution can affect the icons. I usually make sure that every icon image 16 x 16 pixels.
    This seems to solve the problem. Although I was hoping some CSS setting would correct this.