1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    55
    Vote Rating
    0
    cavalleydude is on a distinguished road

      0  

    Default Enable IE6+ to work with Sencha Touch!

    Enable IE6+ to work with Sencha Touch!


    Like most large development shops, we need to write apps that run on iE6+ browsers. Since IE does not use WebKit... Touch is impossible on IE right? No. Google created an IE plugin to solve this. I've tested this and it works great.

    I found a great plug-in for IE6+ called "Google Chrome Frame" and it adds a Chrome frame to your application... using a simple meta tag in your Touch application will enable it (because Chrome has WebKit).

    Google Chrome Frame is not new and has been out for quite a while. Currently, it requires Administrative privileges to install, but looks like Google is working on a User level installation that should be coming out soon.

    Steps to get IE6+ 'Chromified'

    (1) Install the Google Chrome Frame plug-in
    http://code.google.com/chrome/chromeframe/
    Close and Re-open IE

    (2) Add metatag to the top of your index.html
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />


    That's it... your app should now work on IE.



  2. #2
    Sencha User
    Join Date
    Jan 2008
    Location
    Toronto, Canada
    Posts
    480
    Vote Rating
    4
    elishnevsky is on a distinguished road

      0  

    Default


    Why would you want Sencha Touch app to run in IE6?

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Just because you can do something, doesn't mean you should do something. Yes, you might be able to make IE6 jump thru hoops to do that, but it's probably a bad idea. IE6 is already very slow and adding more layers on top of it to emulate another browser and then render HTML5 is going to run so slow as to be not worth it. And, just like everything else about IE, it's probably not going to be 100% functional, so you'd just have to add yet another set of workarounds to get it right.

    If you're serious about supporting both IE6 and Sencha Touch for your apps, you're efforts are probably better spent separating you UI layer from the rest of your app's JS so you can swap frontends more easily.

    I don't speak for Sencha, but if I think if they were to devote resources to supporting other platforms, I'd rather see Mozilla compatibility.

  4. #4
    Sencha User
    Join Date
    Apr 2010
    Posts
    55
    Vote Rating
    0
    cavalleydude is on a distinguished road

      0  

    Default


    WHY IE: because not all Touch apps are small phone apps. Tablet apps (like iPad) actually look very nice on a desktop browser thereby widening the target audience.

    WHY BOTHER: because its worth it and it works The plugin only works on pages that have the meta tag, so you don't have to worry about it causing other issues.

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Vote Rating
    846
    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


    I'm sure performance is just wonderful
    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.

  6. #6
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Vote Rating
    85
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    Easier process: 1.) Install Chrome. 2.) Done.

    Seriously, if someone's already installing Chrome Frame (and has the sufficient privileges to do so), it's likely they have the same privileges to just go ahead and install the real thing. So why bother with giving them what is going to ultimately be a sub-prime experience?

    The longer people keep stringing along IE6 on life support, the longer people will keep using it. Just pull the plug already.

    But honestly, like others have pointed out, I'm not really sure what the point is of getting Sencha Touch apps to work in IE6. The main point of Sencha "Touch" is to provide a super sweet mobile app framework. While it's certainly a bonus that a lot of Sench Touch functionality works in a regular ol' browser (well, real browsers at least), it's kind of missing the point of it all to focus on the non-mobile, non-touch side of things, IMO. Seems like a lot of unnecessary work and effort to try to get it working in an environment that it's not meant for; why not take the other poster's suggestion, abstract your apps a bit more, and maybe use regular ExtJS for IE6 support within the browser app? That makes much more sense from an application perspective than trying to make an HTML5-infused mobile framework play nicely with something that is old, slow, and needs a special, modern browser plugin to even get it work at all.

  7. #7
    Sencha User
    Join Date
    Sep 2010
    Posts
    3
    Vote Rating
    0
    sobrle is on a distinguished road

      0  

    Post


    Quote Originally Posted by cavalleydude View Post
    WHY IE: because not all Touch apps are small phone apps. Tablet apps (like iPad) actually look very nice on a desktop browser thereby widening the target audience.
    I second that.

    Does anybody knows if there is a way to implement nested list from Touch Kitchen sink demo in Firefox

    It has great functionality and it would be shame not to use it at all main browsers (including ones without webkit).

    best

  8. #8
    Sencha Premium Member
    Join Date
    Dec 2010
    Location
    Auckland, NZ
    Posts
    56
    Vote Rating
    15
    superstructor will become famous soon enough

      0  

    Default


    Actually I've found Chrome Frame for IE to have decent performance, especially compared to stock IE.

    Sure Chrome Frame wouldn't be my personal browser preference over Chrome itself. The point is it works for those who want the IE "look and feel" for whatever reason they might have...

  9. #9
    Sencha Premium Member
    Join Date
    Dec 2010
    Location
    Auckland, NZ
    Posts
    56
    Vote Rating
    15
    superstructor will become famous soon enough

      0  

    Default


    Quote Originally Posted by sobrle View Post
    Does anybody knows if there is a way to implement nested list from Touch Kitchen sink demo in Firefox
    That depends on what your aiming for.

    If you just want a grid component to act similar to a Touch nested list, that would probably be relatively easy to do with ExtJS.

    If you want the exact "look and feel" of the nested list from the Touch kitchen sink demo I doubt ExtJS would be your friend for implementing this as it has significantly different opinions on design to Touch. You could probably punch it repeatedly until it reluctantly agreed to do what you wanted, or you could just implement it with a lower level framework like jQuery+Backbone.js (simply an example, not a recommendation).

    Cheers.

  10. #10
    Sencha User
    Join Date
    Feb 2012
    Location
    Toronto, Canada
    Posts
    25
    Vote Rating
    1
    burrellramone is on a distinguished road

      0  

    Default


    I would love to know too. I will read below to find out. lol

Similar Threads

  1. Could Ext Js and Sencha Touch work together?
    By handitan in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 26 Apr 2011, 1:25 PM
  2. Looking for a Contractor to work on our Sencha Touch App
    By tfabacher in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 7 Mar 2011, 6:52 AM
  3. Sencha touch with extdesigner, does it work?
    By mboreback in forum Ext Designer: Help & Discussion
    Replies: 3
    Last Post: 12 Jan 2011, 12:00 PM
  4. Sencha Touch - How function work?
    By Riaz in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 30 Sep 2010, 8:30 PM
  5. Sencha Touch contract work in New York City
    By tfabacher in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 12 Jul 2010, 10:04 AM

Thread Participants: 8

Tags for this Thread