What Is ExtJS - Part 6

Touch 2.2.x is broken in Chrome 29

Chrome 29 came out just two days ago and it appears Sencha Touch 2.2.x projects don’t display properly. I’m not sure if it affects mobile Chrome browsers (I assume it would, once they update, but they do lag behind the desktop browser in that department).

A fix posted by Steve Drucker on his blog: http://druckit.wordpress.com/2013/08/22/sencha-touch-2-x-and-google-chrome-29/

Just change the st-box mixin inside of:

/touch2/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss

…and recompile the SASS. The new code:

@mixin st-box($important: no) {
    @if $important == important {
        display: flex !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
    } @else {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

Rating: 10.0/10 (2 votes cast)

Sencha Inspector for Chrome

I wanted to share a really cool tool that my colleague released just today. It’s called App Inspector for Sencha and it’s a Chrome extension that fans of FireFox’ Illuminations for Developers will recognize instantly.

It’s the first release, so functionality is limited, but it does have some very useful features already. Particularly, being able to pin-point an ExtJS component when browsing DOM:

Also, it lets you browse the ExtJS component tree in general:

As far as I could tell, it doesn’t work for Sencha Touch yet, but I hope that will be added soon.

Rating: 9.7/10 (3 votes cast)

fiddle.sencha.com for ExtJS & Touch

Sencha folks have been working on an awesome new tool. It’s called fiddle.sencha.com:

If you’re familiar with jsfiddle.net, it’s essentially the same concept, but targeted at ExtJS and Sencha Touch, with some tasty features thrown in, i.e. performance analysis:

Even though it’s in beta, I’ve been using it for sometime now without much issue. Fiddle away!

Rating: 9.8/10 (5 votes cast)

SenchaCon 2013 in Orlando Florida

Sencha (the company behind ExtJS) is putting together another SenchaCon on July 16-19 at the Walt Disney World Swan & Dolphin. There’s a very good chance I will be there and I highly recommend this event to everyone sharing the HTML5 vision. Hope to see you there!

Rating: 8.0/10 (3 votes cast)

ExtJS 4.2 & Architect 2.2 – Plugins

I’ve been liking Sencha’s Architect IDE more and more as it’s been maturing over time. In my last post I wrote about making custom plugins in ExtJS 4, but how do you go about using them through Architect?

First step would be to ensure the we have the plugin code; I accomplished this by adding a JS Resource:

Next step should be easy enough; I figured adding a custom “plugins” property with a value of “[“ux.fadeinplugin”]” on a given Panel would do the trick:

…however, while this does work when tested in browser, this causes Architect’s canvas to go blank, essentially rendering it useless. Upon further research, there are known bugs surrounding this, but no fix yet.

Read on for a workaround in Architect…

Continue reading ExtJS 4.2 & Architect 2.2 – Plugins

Rating: 8.0/10 (5 votes cast)