Quote Originally Posted by Phil.Strong View Post
...
Update your index.html file
Update your index.html file to define the locations of the .css and .js files, similar to the definitions given in the app.html file created by Architect. Note that the declarations for the .js source files should be located between the x-compile tags:

Code:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>fresh</title>
    <link rel="stylesheet" href=".res/default/app.css">
    <!-- <x-compile> -->
        <!-- <x-bootstrap> -->
            <script src="ext/ext-dev.js"></script>
            <script src="bootstrap.js"></script>
        <!-- </x-bootstrap> -->
        <script src="app.js"></script>
    <!-- </x-compile> -->
</head>
<body></body>
</html>

With the latest version of Cmd, I do not see app.css. My application was using an index.html similar to that shown above as I started this application some time ago. I had an "app.css" in a resource directory.
At some point this "app.css" was not working correctly. My application would not look right when run from this index.html but look correct after a build. I have been working like this for some time.

I have now tried to correct this and have some questions.

Now when I generate an extjs application using Cmd I get the following:

Code:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>zztest</title>
    <!-- <x-compile> -->
        <!-- <x-bootstrap> -->
            <link rel="stylesheet" href="bootstrap.css">
            <script src="../ext/ext-dev.js"></script>
            <script src="bootstrap.js"></script>
        <!-- </x-bootstrap> -->
        <script src="app.js"></script>
    <!-- </x-compile> -->
</head>
<body></body>
</html>

What is bootstrap.css? It seems to be importing "theme-classic-all". When I start my application with this index.html it looks more correct. I did seem to find that the following was in the old app.css and not this new file:

Code:
table {
    border-collapse: collapse;
    border-spacing: 0;
}
Is this new index.html and bootstrap.css the proper starting point for building an extjs application?

Where do I add the links for custom .css created and added to app.html by Architect?

Curently I am adding the ".js" lines above the "<!-- <x-compile> -->".
The ".css" lines I've added below the ending "<!-- </x-compile> -->".

Is this the best way to do this? I've just tried this but have not run a build yet so I am not sure it works.

Thanks,
Worth