ExtJS4 IE Resize on Zoom

Print Friendly, PDF & Email

Here’s an easy way to break zoom in and out capability in IE7+ in your ExtJS4 application:

There’s a <meta> tag (the ones that go into <head>) that was recommended to me for the sake of reducing IE testing efforts:

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

The idea here is it forces many IEs to act all in IE8 mode, so you can basically do quick tests in just IE8 and still get a good test coverage. However, it took me some effort to figure out that this breaks re-sizing capability of a Viewport on zoom in IE.

VN:F [1.9.22_1171]
Rating: 10.0/10 (4 votes cast)

ExtJS4 Clean Custom Builds (3)

Print Friendly, PDF & Email

See Previous Example First!

Takeaway from this post: Sencha SDK Tools 1.2.3 are still beta and I don’t advise using them in production. This is a follow up post to my previous examples – I spent some time the other day trying to set up a 1-click build process for ExtJS, and failed!

Custom Build File Size

First, let’s talk about the incorrect file size shown on this screenshot in my previous 2 posts:

In the “Custom Build” example, the custom-built app-all.js is shown as being 120KB in size.  In reality, the file is about 400KB in size on the disk.  I don’t understand why that is – compression? If that was the case, wouldn’t the 1MB ext-all.js in the “Full Framework” example be something closer to 200KB? After some Googling I couldn’t figure out how to tell if a file was compressed. Any advice here is welcome as I’m a bit lost.

Continue reading ExtJS4 Clean Custom Builds (3)

VN:F [1.9.22_1171]
Rating: 10.0/10 (2 votes cast)

Another ExtJS Pro Shop!

Print Friendly, PDF & Email

I came across a second company that develops and sells custom ExtJS components: Bryntum. Check out their amazing Gantt Demo:

…this is all drag-and-drop, in browser! Even works in IE! Windows-GUI-quality component!

They have a few more components, but this one just blows my mind.  I’ve always believed in ExtJS, but now i see that it truly is the next stage in evolution of JavaScript. Sencha, you will cash in big. Now there are at least 2 pro shops who will as well.

If there are more companies out there, please let me know; only other one I heard of is Extensible.

VN:F [1.9.22_1171]
Rating: 6.5/10 (4 votes cast)

ExtJS4 Dev Tools of a Pro

Print Friendly, PDF & Email

Apologies for the self-proclaimed “Pro” title. My cred: 1 year ExtJS3 and ExtJS4 for almost a year now, since it came out. I build enterprise portals for large organizations and I usually develop remotely over VPN in Clients’ environments. This means I do not always have the luxury of installing Visual Studio, so I have to stick to a minimal setup. However, it works great!

Let’s start of with my favorite: Notepad++

  • Small download & very fast application
  • Use “Explorer” plugin (left panels in the above screenshot)
  • Shown with “Obsidian” theme
  • Has syntax highlighting for pretty much every language
  • Can zoom in/out of text very easy ; great for working with text on 24″+ monitors
  • Great support for file searching & replacing
  • Can collapse sections
My next tool “combo” is FireFox + FireBug + Illuminations
VN:F [1.9.22_1171]
Rating: 8.6/10 (5 votes cast)