24 Apr 2012 8:37 AM #1
In ext.js 3x, the window component is very layered, so it has a structure as the following:
<div class="x-window-bwrap" id="ext-gen91">
<div class="x-window-mc" id="ext-gen95">
<div class="x-window-body"> ....
Now in 4x, this is replaced by
<div id="header-1021-body" class="x-window-header-body x-window-header-body-default-horizontal x-window-header-body-default-top x-window-header-body-default x-window-header-body-horizontal x-window-header-body-top x-box-layout-ct">
<div id="window-1014-body" class="x-window-body ....>
How can render a window as before? As i have all of the old styling in place. The current flat layout makes it harder to style.
24 Apr 2012 10:51 AM #2
The styling for ExtJS4 is completely different than ExtJS3.
24 Apr 2012 11:07 AM #3
Yes, I noticed that. But is there an easy way to use ext 3 rendering template, because our window styling is built around that. Otherwise it will be a major pain trying to restyle.
24 Apr 2012 11:39 AM #4
No, there isn't an easy way to make ExtJS 4 use ExtJS 3 markup.
Note that in ExtJS 4 the markup depends on the browser. In IE6-8 it'll look a lot like it did in ExtJS 3. Only browsers that support advanced CSS features will use the simplified markup.
You should probably take a look at the Sass/Compass stuff if you want to do major theming changes like this. Trying to do it using CSS directly will probably prove a lot more difficult. Generally I've found styling windows using Sass reasonably simple but it obviously will depend on exactly what effect you're trying to achieve.
24 Apr 2012 12:16 PM #5
that would be a major disappointment.
I wonder if i can ask here about this thread: http://www.sencha.com/forum/showthread.php?126082-TwinTriggerField
Will someone ever reply to that? Because I cannot find an answer on my own and i have waited for 2 days. thanks
24 Apr 2012 12:46 PM #6
24 Apr 2012 12:47 PM #7