Difference between revisions of "GCube Widgets Library - General guidelines about Portlet StyleSheets"

From Gcube Wiki
Jump to: navigation, search
(→‎First Step)
(→‎gCube GWT Widgets Library (gWL))
Line 5: Line 5:
 
Your existing GWT Portlet needs few changes to make use the of '''gWL'''
 
Your existing GWT Portlet needs few changes to make use the of '''gWL'''
  
−
=== First Step ===
+
=== First Step - Download gWL ===
  
−
You can download the gWL (beta) from here: [[Media:http://portal.d4science.research-infrastructures.eu/gWL/gCube-Widgets-Library.jar | gWL Download‎]]
+
You can download the gWL (beta) from here: [http://portal.d4science.research-infrastructures.eu/gWL/gCube-Widgets-Library.jar gWL Download‎]
  
−
=== Second Step ===
+
=== 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:
 +
 
 +
<pre>
 +
<module>
 +
  ...
 +
  <!-- inherits gCube Widgets Library                -->
 +
  <inherits name='org.gcube.portlets.user.gcubewidgets.WidgetFactory'/>
 +
  ...
 +
  ...
 +
  ...
 +
</module>
 +
</pre>
 +
 
 +
=== Third Step - Remove the default GWT style sheet (if any) ===
 +
 
 +
edit your GWT Application configuration file (file.gwt.xml). remove or comment the following:
 +
 
 +
<pre>
 +
<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>
 +
</pre>
 +
 
 +
'''You should also remove all the .gwt* css classes from your portlet css (if any)'''

Revision as of 19:33, 22 December 2009

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)

Retrieved from "https://wiki.gcube-system.org/index.php?title=GCube_Widgets_Library_-_General_guidelines_about_Portlet_StyleSheets&oldid=8300"