CSS Issue: Showcase example does not display properly.

[hardikraja]

Dear All,

Note: I am using NetBeans IDE 6.8, GWT 2.0.3 and SmartGWT 2.1 the latest versions as of today 16/03/2010

I am trying to use on one of the Smart GWT showcase example by following the instructions at http://www.plantstar.org/tutorials/N...s_Smartgwt.htm

P.S - I guess not all steps in that are required, Refer Thread, http://forums.smartclient.com/showthread.php?t=3168

The problem is that, the the functionality in application works properly, but its not displayed properly, so I guess there is some problem with CSS.

I tried to search in this forum, and all I could find is that such problems could occur if multiple stylesheets are applied to a single page.

As in when we include <inherits name="com.smartgwt.SmartGwt"/> in Main.gwt.xml it inherits the SmartGWT CSS. But there would be the default CSS of GWT in the application.

So I think that might be the reason for the problem.

Could anyone please provide thier inputs to resolve the above problem?

Kind regards,
Hardik

[kouami]

Same Issue here

Hi,
I am having the same issue as well. The functionalities are OK but the display appears to be broken. Any help will be very much appreciated.
Thanks,

Emmanuel

[Isomorphic]

In the FAQ about external CSS it tells you to remove it. So do that.

[kouami]

CSS Issue: Showcase example does not display properly

I am still confused about this. I am using smartgwt2.1 and netbeans so here is my gwt.xml:

<?xml version="1.0" encoding="UTF-8"?>
<module>
<inherits name="com.google.gwt.user.User"/>
<inherits name="com.smartgwt.SmartGwt"/>
<inherits name="com.smartclient.SmartClientDefault"/>
<inherits name="com.smartclient.theme.treefrog.TreeFrogResources"
/>
<!--<script src="sc/skins/TreeFrog/load_skin.js"/> -->
<entry-point class="org.me.client.SampleEntryPoint"/>
<!-- Do not define servlets here, use web.xml -->
</module>

Please tell me what I am doing wrong. The display appears broken.
I beg you guys; please help me out. Thanks

[mike.art1]

If you are using the treefrog theme you should inherit the SmartGwtNoTheme module. Inheriting SmartGwt will inherit the EnterpriseGray theme by default

[kouami]

Hi Mike,
I did as you suggested but I am still seeing broken components. Am I missing something here? below is my file:

<?xml version="1.0" encoding="UTF-8"?>
<module>
<inherits name="com.google.gwt.user.User"/>
<inherits name="com.smartgwt.SmartGwtNoTheme"/>
<!-- <inherits name="com.smartclient.SmartClientDefault"/> -->
<inherits name="com.smartclient.theme.treefrog.TreeFrogResources" />
<script src="sc/skins/TreeFrog/load_skin.js"/>
<entry-point class="org.me.client.SampleEntryPoint"/>
<!-- Do not define servlets here, use web.xml -->
</module>

Is there a different file I need to configure?

Thanks,

Emmanuel

[kouami]

I finally solved the issue. I added this line to the html page:

<script> var isomorphicDir = "org.me.Sample/sc/"; </script>

[kouami]

I finally solved the issue. I added this line to the html page:

<script> var isomorphicDir = "org.me.Sample/sc/"; </script>

Thanks Mike and Isomorphic