Possible bug with BlackOps and Enterprise Themes

[paze]

Hi there,
I noticed a strange behaviour with my listgrids using the blackops theme, their background was still white. When checking with firebug, i realized that somehow the enterprise theme css was still active together with the blackops theme.
When i checked the smartgwt.gwt.xml i realized that the enterprise theme was included in there. when in removed this include, everything worked fine again.
Is this a bug or am i doing something wrong?

Data: I used a version of the blackops theme stripped from one of the older smartgwt builds where the theme was still included.
The used smartgwt lib version was 1.03b3-snapshot (23-03) from mvn.

Regards,

Paul

[smartgwt.dev]

Hi there,
I noticed a strange behaviour with my listgrids using the blackops theme, their background was still white. When checking with firebug, i realized that somehow the enterprise theme css was still active together with the blackops theme.
When i checked the smartgwt.gwt.xml i realized that the enterprise theme was included in there. when in removed this include, everything worked fine again.
Is this a bug or am i doing something wrong?

Data: I used a version of the blackops theme stripped from one of the older smartgwt builds where the theme was still included.
The used smartgwt lib version was 1.03b3-snapshot (23-03) from mvn.

Regards,

Paul

You do not need to extract the BlackOps theme manually. It was included in the smartgwt.jar file previously but all themes other than Enterprise have been moved to the smartgwt-skins.jar file. You just need to include this jar in your classpath and inherit the BlackOps skin module. Let us know if you're still having issues.

You can also examine how the SmartGWT showcase loads the skins.

[paze]

Thanks for the lightning fast info about the skins artifact. Sadly, i still have the same problem (List backgrounds are white). This is how my pom looks like:

		

<dependency>
	<groupId>com.smartgwt</groupId>
	<artifactId>smartgwt</artifactId>
	<version>1.0b3-SNAPSHOT</version>
</dependency>
<dependency>
	<groupId>com.smartgwt</groupId>
	<artifactId>smartgwt-skins</artifactId>
	<version>1.0b3-SNAPSHOT</version>
</dependency>

Looks okay.

And a snippet of my gwt.xml:

<!-- smartClient-->
<inherits name="com.smartgwt.SmartGwt"/>
<inherits name="com.smartclient.theme.blackops.BlackOps"/>

If i manually remove the Enterprise import in my local smartgwt.gwt.xml in my smartgwt.jar and build with mvn -o, it works. Are you able to reproduce this problem? Should i do the imports in another way?

Regards,

Paul

[paze]

as i still have the same problem, is there anything wrong that you can see with my pom / gwt imports?

Regards,

Paul

[sjivan]

I added a SmartGwtNoTheme module in SVN. Please try :

<inherits name="com.smartgwt.SmartGwtNoTheme"/>
<inherits name="com.smartclient.theme.blackops.BlackOps"/>

Sanjiv

[tntgs]

I am having a similar problem with the LiveGrid being white in BlackOps theme. AFAIK, I'm using version 1.0b2 from the Google downloads page.

Here is my Application.gwt.xml

<module>
	<inherits name="com.google.gwt.user.User"/>
	<inherits name="com.google.gwt.i18n.I18N"/>
	<inherits name="com.google.gwt.xml.XML"/>
	<inherits name="com.google.gwt.core.Core"/>
	<inherits name="com.google.gwt.user.History"/>
	<inherits name="com.google.gwt.http.HTTP"/>
    <inherits name="com.smartgwt.SmartGwt"/>
    <inherits name="com.smartclient.theme.enterprise.Enterprise"/>
    
      <!-- Specify the application specific style sheet.              -->
      <stylesheet src='Application.css' />
	
</module>

Per the most recent reply, I tried doing something like what they suggested, without changing the underlying JAR that my site is being compiled against (out of fear of making things worse, rather than solving them)...

Here are the changes I made

<module>
	<inherits name="com.google.gwt.user.User"/>
	<inherits name="com.google.gwt.i18n.I18N"/>
	<inherits name="com.google.gwt.xml.XML"/>
	<inherits name="com.google.gwt.json.JSON"/>
	<inherits name="com.google.gwt.core.Core"/>
	<inherits name="com.google.gwt.user.History"/>
	<inherits name="com.google.gwt.http.HTTP"/>
    
    <inherits name="com.google.gwt.event.Event"/>
    <!-- <inherits name="com.smartgwt.SmartGwt"/> -->
    
   	<inherits name="com.smartclient.SmartClientDefault"/>
    <inherits name="com.smartclient.theme.blackops.BlackOps"/>
    
      <!-- Specify the application specific style sheet.              -->
      <stylesheet src='Application.css' />
	
</module>

I employed this little hack because I compared the source at

http://code.google.com/p/smartgwt/source/browse/trunk/main/src/com/smartgwt/SmartGwt.gwt.xml
versus
http://code.google.com/p/smartgwt/source/browse/trunk/main/src/com/smartgwt/SmartGwtNoTheme.gwt.xml

and incorporated those changes into my Application.gwt.xml.

The result is that I now have thousands of errors being spit out by the compiler

[INFO] [gwt:compile]
[INFO] establishing classpath list (buildClaspathList - scope = COMPILE)
[INFO] google.webtoolkit.home (gwtHome) *not* set, using project POM for GWT dependencies
Removing units with errors
   [ERROR] Errors in './client/data/GroupsDataSource.java'
      [ERROR] Line 37: No source code is available for type com.smartgwt.client.data.RestDataSource; did you forget to i
nherit a required module?
      [ERROR] Line 44: No source code is available for type com.smartgwt.client.data.fields.DataSourceIntegerField; did 
you forget to inherit a required module?
      [ERROR] Line 45: No source code is available for type com.smartgwt.client.data.fields.DataSourceTextField; did you
 forget to inherit a required module?
      [ERROR] Line 49: No source code is available for type com.smartgwt.client.data.fields.DataSourceBooleanField; did 
you forget to inherit a required module?
      [ERROR] Line 85: No source code is available for type com.smartgwt.client.types.RPCTransport; did you forget to in
herit a required module?
   [ERROR] Errors in './client/modules/IssuesMgmtDataSource.java'
      [ERROR] Line 50: No source code is available for type com.smartgwt.client.data.RestDataSource; did you forget to i
nherit a required module?
      [ERROR] Line 56: No source code is available for type com.smartgwt.client.data.fields.DataSourceTextField; did you
 forget to inherit a required module?
      [ERROR] Line 65: No source code is available for type com.smartgwt.client.data.fields.DataSourceIntegerField; did 
you forget to inherit a required module?
      [ERROR] Line 122: No source code is available for type com.smartgwt.client.types.RPCTransport; did you forget to i
nherit a required module?

Hope this answers your question. It's no big deal if I can't switch from Enterprise to Black Ops, but my group thinks the latter looks cooler.

[yanick]

White Layouts in BlackOps

I too have a problem with BlackOps. I included two PNG in attachments showing the white zones showing in with the themes. Those are actually VLayout and HLayout containers, and they appear white with a grey border.

GWT 2.0 with SmartGWT 2.0


Note : here's my gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='fcdea'>
  <!-- Inherit the core Web Toolkit stuff.                        -->
  <inherits name='com.google.gwt.user.User'/>
  <inherits name="com.google.gwt.http.HTTP"/>
  <inherits name="com.google.gwt.json.JSON" />
  <inherits name="com.google.gwt.i18n.I18N"/>

  <!-- Inherit the default GWT style sheet.  You can change       -->
  <!-- the theme of your GWT application by uncommenting          -->
  <!-- any one of the following lines.                            -->
  <!-- <inherits name='com.google.gwt.user.theme.standard.Standard'/> -->
  <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
  <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->

  <!-- Other module inherits                                      -->
  <!-- <inherits name="com.smartgwt.SmartGwt"/>-->
  <inherits name="com.smartgwt.SmartGwtNoTheme" /> 				
  <!-- <inherits name="com.smartclient.theme.silverwave.SilverWave"/> -->
  <!-- <inherits name="com.smartclient.theme.fleet.Fleet"/>       -->
  <!-- <inherits name="com.smartclient.theme.treefrog.TreeFrog"/> -->
   <inherits name="com.smartclient.theme.blackops.BlackOps"/> 

  <!-- Specify the app entry point class.                         -->
  <entry-point class='com.ebb.fdcea.client.FCDEA'/>

  <!-- <set-property name="user.agent" value="gecko1_8" /> -->

  <!-- Specify the paths for translatable code                    -->
  <source path='client'/>

</module>

[msatkevich]

Hi,

I'm experiencing the same display anomaly...a white background in the top portion of the DetailViewer.

Since the field value text is in gray, it makes it hard to read, and ruins the aethetics of an otherwise gorgeous skin.

Thanks,
Mike

SmartClient Version: SC_SNAPSHOT-2011-01-06/LGPL Deployment (built 2011-01-06)

[Isomorphic]

@msatkevich can you post a screenshot of your anomaly

@yanick you just need to set a backgroundColor for the Canvas or whatever component you're using to show that message

Everyone else: make sure you GWT->Compile your project after the theme switch, and if that doesn't seem to work, clear out the deployment directory. GWT / Eclipse is not perfectly consistent about getting rid of resources from <inherits> you have removed.

[msatkevich]

Here you go...lower left corner.

Thanks,
Mike

[Isomorphic]

You've still got something other than the BlackOps skin involved. If it was a skin issue you'd see all cells of the DetailViewer light. Also the left-hand cells should have dark grey, not black backgrounds. Use Firebug to try to figure out where the styles that are showing these colors are coming from.