I created a simple form based app using Sencha Touch 2.2.0. According to Sencha's website, Sencha Touch should work on Internet Explorer 10. When I double click on the app.html file using Safari, everything works. The same is true for Google Chrome on Windows. When I try the same with Internet Explorer, only the titles of the fieldset appear and no fields are visible. In other words, the form is unusable. I am able to go to Sencha's website and get the Kitchen sink demo working via Internet Explorer but cannot create a project myself that works.
I tried switching to a Windows theme and the form showed some fields but was still unusable.
I was wondering if there's a trick to get a basic Sencha application working with Internet Explorer. I am using Sencha Architect 2.2.2 for this project as well.
Check the console log. See if there are any errors there. IE and Chrome/Safari have different tolerance level to some "syntax" errors in JS - for example comma before the closing bracket - IE will not tolerate that.
I also remember there were some issues with simple console.log() under IE which is used widely for trace.
Try adding the following to your stylesheet:
.x-form {
background-color: black !important;
}
Related
Using straight-out-of-the-box lightbox2 (no edits, no mods). It has worked faithfully for the past couple of years since it's been in use. Suddenly noticed the other day that the image no longer fades in/out using Chrome. Image just displays on a new browser page. Works okay on Edge, but not sure about Safari as I've not yet checked that. Is this a Chrome issue? Any fixes?
I had the same problem. Tried many things.
Then I used "lightbox with jquery" javascript that's on their website: http://lokeshdhakar.com/projects/lightbox2
Update: It is not necessary to combine lightbox with jquery. The issue in my case was that I was using jquery older than version 2. If you user 2.0 or above version of Jquery, lightbox will start working again.
I'm starting to build a new portfolio with this Gumby framework. I've chosen Gumby because I like SASS more than LESS, so I would like to try a framework based on this language.
The problem is that the mobile navigation doesn't work for me.
If I use the ui.html inside the downloaded package and I resize the browser window, the "three lines icon" appears, but if I click nothing happend!
If I use the Gumby's UI demo on the website it works...either for some website I saw here on stackoverflow that use gumby!
I've checked all the paths, the developer told me that I have to use gumby.min.js and it's uncomment by default, so i don't know why this mobile menu doesn't work for me.
Maybe I have to work online with the website hosted on a server? But I'ts strange...
I don't know what code to post, because it's simply the ui.html who all of you can find inside the downloaded gumby package.
I don't know javascript well so I cannot explain how/why this works but there is an issue with toggleswitch.js. Add e.stopImmediatePropagation(); to line 45. That's what worked for me.
If someone knows how or why this works I would love to learn.
I am developing a web application using Dojo v1.8 and my target machine runs IE9 and Silverlight 5.1.20125. In this web app, the user can select a tool from a toolbar at the top of the page that will open up in a content pane (or an IFrame if it is an external tool) below the toolbar (only one tool can run at a time).
The bug I am encountering is that one of the external tools that opens in an IFrame runs a Silverlight app, and if the user tries to select another tool, the new tool won't open and the Silverlight application stays there. After checking the DOM Tree, all references to the Silverlight application have been wiped, and the new tool is there instead (which is the desired behavior).
So my question is, why is the Silverlight Application still being viewed even when it is gone from the DOM Tree, and is there a way to programmatically close it from Javascript? Also, I do NOT have access to the source code of the Silverlight Application.
Well I did not manage to solve this issue directly. However, there was another bug that I ran into which involved the java swing library not working on the production machine. The solution was to add the following tag as the first element of head:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8>
This forces IE to use IE8 instead of IE9. This trick solved this other issue, but inadvertently solved this issue as well. Here are several links that helped lead me to the solution (amongst others):
http://sourceforge.net/p/djproject/discussion/671154/thread/d7662f61
http://msdn.microsoft.com/en-us/ie/ff959805.aspx#_Compatibility_issues_with_1
In using CKEditor latest version available now. In Chrome and Firefox it is working without any issues. But in IE7 I am facing some display issues.
When I click Image button the background goes black
body p in the bottom is not looking same as shown in Chrome
Also I get JavaScript error undefined is null or not an object
Please help
Are you sure that your page isn't running in Quirks mode (that the source is correct)? I don't see this issues e.g. on http://ckeditor.com/demo.
CKEditor 4.0 doesn't have support for Quirks mode - we're working on it right now.
I am using Eclipse EE, and tomcat for a webwork, extjs, hibernate spring application. For spring and hibernate staff, I have remote application debugging settings configured. So I make debug. But for extjs, I have installed firebugs in firefox browser in my ubuntu machine, but I still do not know how to catch break point to see how to trace javascript code.
In Firebug, go to the script tab. On the top, you can see:
Inspect | all | <filename>
Click on to choose the file that contain the javascript you want to track. Once you have selected your file, click on a line number to put a brea kpoint (a big red dot will appear).
You can put several break points in different files. The break point will not disappear if you refresh the page (F5).
This tutorial should help you as well.
Actually for Sencha EXT JS I would recommend the excellent App Inspector for Sencha as well. https://chrome.google.com/webstore/detail/app-inspector-for-sencha/pbeapidedgdpniokbedbfbaacglkceae