GCube Widgets Library - General guidelines about Portlet StyleSheets

From Gcube Wiki
Revision as of 19:33, 22 December 2009 by Massimiliano.assante (Talk | contribs) (gCube GWT Widgets Library (gWL))

Jump to: navigation, search

gCube GWT Widgets Library (gWL)

This Library has been created in order to uniform the Look & Feel for gCube Portlets using plain GWT (Not GWT-Ext).

Your existing GWT Portlet needs few changes to make use the of gWL

First Step - Download gWL

You can download the gWL (beta) from here: gWL Download‎

Second Step - add gWL to your Build Path

Place gCube-Widgets-Library.jar in a convenience folder, we suggest ./lib, and add it to your project build path.

Once the jar file is added in the build path edit your GWT Application configuration file (file.gwt.xml). Add the following:

<module>
   ...
   <!-- inherits gCube Widgets Library  	               -->
   <inherits name='org.gcube.portlets.user.gcubewidgets.WidgetFactory'/>
   ...
   ...
   ...
 </module>

Third Step - Remove the default GWT style sheet (if any)

edit your GWT Application configuration file (file.gwt.xml). remove or comment the following:

<module>
   ...
      <!-- 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.dark.Dark'/ -->
   ...
   ...
   ...
 </module>

You should also remove all the .gwt* css classes from your portlet css (if any)