Change loading sequence of style-sheet in GWT/SmartGWT

Question

I am using GWT and SmartGWT in my application. And I want to upgrade application versions as GWT from 2.6.1 to 2.8.2 and SmartGWT from 5.0 to 6.1. I have successfully migrated it, but facing some UI problems.

The .gwt.xml file looks like below.

<module>
    <inherits name="com.smartgwt.SmartGwt" />
    <inherits name="com.smartclient.theme.enterprise.Enterprise" />
    <inherits name="com.smartgwt.PluginBridgesWidgets" />
    <inherits name="com.myproject.file.Model" />

    <script src="json2.js" />
    <script src="swfobject.js" />

    <stylesheet src="css/home.css" />
    <stylesheet src="css/smartgwt-overrides.css" />
</module>

Earlier it was loading style sheets and JS in sequence as GWT/SmartGWT and after that my custom style sheets and JS. But after upgrading it is loading custom CSS and JS first and then GWT/SmartGWT. Because of this the UI is working as earlier.

Anyone have any idea, how to change sequence of loading? I have also tried by changing above sequence of files from .gwt.xml but no worth.

Thanks in advance!

Answer 1

instead of "com.smartgwt.SmartGwt" you can inherit

com.smartgwt.SmartGwtNoTheme

or even

com.smartgwt.SmartGwtNoScriptNoTheme

and include all required resources(js and css files) directly to the your html page in the required order.