Results 1 to 8 of 8

Thread: [BETA2] Still no IE support for SASS (_background-gradient.scss)?

  1. #1
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    631

    Default [BETA2] Still no IE support for SASS (_background-gradient.scss)?

    We are using SASS & Compass to theme panels, buttons, etc. and it appears IE is still not supported. We are currently modifying _background-gradient.scss until we find a better way. Works great in all browsers except IE (imagine that). I believe I saw a while back that sprites still need to be made for IE. What is the status on this and when is it expected to be implemented?

    Here are my gems:

    E:\Java\ext-4.0-beta2\resources\sass>gem list

    *** LOCAL GEMS ***

    chunky_png (1.1.0, 0.12.0)
    compass (0.11.beta.2)
    haml (3.1.0.alpha.147)
    minitest (2.0.2, 1.6.0)
    rake (0.8.7)
    rdoc (3.5.3, 3.3, 2.5.8)
    rdoc-data (2.5.3)
    rubygems-update (1.7.2, 1.4.1)
    sass (3.1.0.alpha.221)

  2. #2
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    631

    Default

    Anyone know the status of IE for SASS/Compass? We are changing panel gradients, button gradients, etc. and IE look whacked.

  3. #3
    Sencha User edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939

    Default

    Hey estesbubba. We're a little behind on releasing this tool but will have it present before final.
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  4. #4
    Sencha User
    Join Date
    May 2011
    Posts
    1

    Default Extjs4 SASS problem in IE?

    Recently,I use ExtJs4 to build my web app. I used Sass compile a css file,and apply it to my app.It's work in firefox ,but in IE, the button and grid header don't show background,what can I do?
    thanks

  5. #5
    Sencha User edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939

    Default

    Quote Originally Posted by newmanlm View Post
    Recently,I use ExtJs4 to build my web app. I used Sass compile a css file,and apply it to my app.It's work in firefox ,but in IE, the button and grid header don't show background,what can I do?
    thanks
    You need to download and run the SDK Tools (download and usage at http://www.sencha.com/products/sdk-tools/)
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  6. #6
    Touch Premium Member
    Join Date
    Apr 2007
    Posts
    139

    Default

    Hi,

    I'm still seeing the same (or at least related?) issue: if I compile the CSS myself, without even customizing the buttons, they would result in "flat" buttons on IE9. Checking the code I see that with the stock stylesheet buttons on IE9 are created using a table. But with my own stylesheet it's using the same construction as on eg. Chrome, resulting in a missing background and/or gradient. What am I missing?

    Using ExtJS 4.1.0.
    HTC Desire - Android: 2.2 - Kernel: 2.6.32.15-gf5a401c - Build: 2.29.405.2 - WebKit: 3.1

  7. #7
    Sencha Premium User vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    811

    Default

    Probably you have to play with these variables, below is my configuration for IE with gradients and border radius support:
    Code:
    $include-ie: true;
    $include-ff: false;
    $include-chrome: false;
    $include-safari: false;
    $include-opera: false;
    
    
    $compile-all: true;
    $supports-border-radius: true;
    $supports-gradients: true;
    Github https://github.com/vadimpopa
    Blogging @ : http://vadimpopa.com
    Twitter: @vadimvpopa

  8. #8
    Touch Premium Member
    Join Date
    Apr 2007
    Posts
    139

    Default

    Thanks for those hints. I'll play with them.
    HTC Desire - Android: 2.2 - Kernel: 2.6.32.15-gf5a401c - Build: 2.29.405.2 - WebKit: 3.1

Similar Threads

  1. Theming tutorial, compiling sass/scss help please?
    By theRemix in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 30 Mar 2011, 2:19 AM
  2. Replies: 0
    Last Post: 10 Mar 2011, 7:01 AM
  3. SASS & Sencha Touch: how do I apply a gradient to a pressed list item?
    By bklaas in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 26 Feb 2011, 1:30 PM
  4. Replies: 1
    Last Post: 24 Feb 2011, 9:57 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •