Quote Originally Posted by danebalia View Post
Thanks for this, it's proved most helpful. Spent a whole day trying to generate my own all.js. My frustration is sufficient to kill someone. The support on this is pathetic, and is a tool that should not even be RELEASED in my humble opinion. I was going to completely stop using this product, if no solution was FOUND.

Thanks for your efforts and document.

A few more additions to help others I found: [ Windows/Asp.NET Website ]
(a) Create Dummy Page with functionality (index-build.html)
(b) Migrate all the support libraries into the same folder as index-build.html and reference them there directly
(c) Don't forget to include the CSS file
[Sample]
<link rel="stylesheet" type="text/css" href="ext-all-gray.css" />
<script type="text/javascript" src="ext-dev.js"></script>
<script type="text/javascript" src="LayOut.js"></script>
(d) Copy the ExtJs SRC (SDK) into the same folder so the build can reference it
(e) Need to make sure that your custom js (mine LayOut.js), contains;
Code:
Ext.application({
});
Attached, my sample Configuration for layout:

Code:
Ext.application({
    requires: ['Ext.container.Viewport', 'Ext.layout.*' ],
    name: 'ExtJs',
    autoCreateViewPort: true,
    launch: function () {
            Ext.create('Ext.container.Viewport', {
            layout: 'border',
            items: [
            // create instance immediately
            Ext.create('Ext.Component', {
                region: 'north',
                height: 44, // give north and south regions a height
                contentEl: 'north',
            }),
            {
                region: 'west',
                contentEl: 'west',
                layout: 'fit',
                manageOverflow: 1,
                width: 200,
                split: true,
                autoscroll: true
            },
            {
                region: 'center',
                contentEl: 'center',
                layout: 'fit'
               
            }]
        });
    }
});
Sample Index-build.html:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="ext-all-gray.css" />
    <script type="text/javascript" src="ext-dev.js"></script>
    <script type="text/javascript" src="LayOut.js"></script>
</head>
<body>
    <div id="north" class="x-hide-display" style="background-color: red">
        North
    </div>
    <div class="x-hide-display" id="west" style="overflow-y: scroll; height: 100%; margin-top: 10px">
        West
    </div>
    <div id="center" class="x-hide-display">
        Center
    </div>
</body>
</html>