Hybrid View

  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,134
    Vote Rating
    855
    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
    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

  7. #7
    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...

  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


    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.

  9. #9
    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

  10. #10
    Sencha User
    Join Date
    Jul 2013
    Posts
    1
    Vote Rating
    0
    Preetham Madapura is on a distinguished road

      0  

    Default Not working in IE 9 and lesser

    Not working in IE 9 and lesser


    Chrome frame + a meta tag = Sencha touch app on IE Yes ! it worked. But wait not always

    It worked only for IE 10 in my case. I have a Windows 8 machine with default IE 10. I installed chrome frame and added meta tag to the source code and it worked. But I wanted to make sure that it works on IE9 and IE8 as well. So, when I tried to run it on a Chrome frame installed IE 9 browser on another machine, it just DID NOT work.

    It is extremely important for our application to run on IE9 and IE8. Can anyone please help me with this issue?
    Seriously looking forward for a response.

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