Get a neck stretch and a clear picture of legacy through modern IE support in ExtJS 4 and 5:
Note that the Neptune theme, which shipped in an ExtJS 4 dot release, does not support IE6. It makes use of transparent PNGs, which aren't supported in IE6.
One of the greatest advantages of the ExtJS framework is how far back it supports IEs. The interesting thing here is the "adaptive markup" that it generates, say for a framed panel with gradient headers:
- Pre-IE9: a "heavy" table frame with every edge and corner having a sliced image of the frame
- IE9 (introduced round corners): still a bit of framing for the header gradient image if used with rounded corners
- IE10 & 11: minimal markup utilizing CSS3 effects
ExtJS Containers and Panels are typically sized by their parent container's layout. Traveling up the layout chain typically leads to a Viewport, which occupies the available screen space; i.e. (view in Sencha Fiddle):
Now what about those times when you want to use these beautiful panels as the actual content, rather than as holders of other content? In other words, how can we make the Panels size based on their content (rather than as dictated by their parent's layout)? The end result might look something like this:
Read on to find out how its done and what caveats exist...
Diving into ExtJS 5 and talking to some of the engineers behind it I'm forming the conclusion that there are 3 distinct scrolling systems being employed in ExtJS 5. What are they?
- For traditional "mouse-only" desktops - using the native browser overflow: scroll
- For mobile "touch-only" devices - using Sencha Touch's kinetic "momentum" JS scrolling
- For hybrids that have both mouse and touch support (i.e. MS Surface or Google Pixel) - using some sort of a hybrid of #1 and #2 where the JS kinetic scroller kicks in on tap-drag
I'd love to dissect this on an HTML level...
With ExtJS5 beta announced last week there were clear efforts on behalf of ExtJS 5 to behave closer to Sencha Touch in regards to utilizing the unique and powerful config system. Last year I wrote ExtJS vs. Touch Config System article to highlight some important differences. Today I'd like to explore this topic in the context of different versions of ExtJS 4 and ExtJS 5 beta.