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

From Gcube Wiki
Jump to: navigation, search
(→‎gCube GWT Widgets Library (gWL))
 
(26 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
== gCube GWT Widgets Library (gWL) ==
+
<!-- CATEGORIES -->
 +
[[Category:Developer's Guide]][[Category:TO BE REMOVED]]
 +
<!-- END CATEGORIES -->
 +
= General guidelines about Portlet StyleSheets =
  
−
This Library has been created in order to '''uniform the Look & Feel''' for gCube Portlets using plain GWT (Not GWT-Ext).
+
* Starting from gCube 3.7.0. we started to adopt Bootstrap [http://getbootstrap.com getbootstrap.com], a sleek, intuitive, and powerful front-end framework for faster and easier web development. Current version supported by the gCube Portal is v2.3.2
  
−
Your existing GWT Portlet needs few changes to make use the of '''gWL'''
+
* If you develop with GWT please use the GWT Wrapper available https://gwtbootstrap.github.io (current version is 2.3.2-SNAPSHOT)
−
 
+
−
=== First Step - Download gWL ===
+
−
 
+
−
You can download the gWL (beta) from here: [http://portal.d4science.research-infrastructures.eu/gWL/gCube-Widgets-Library.jar 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:
+
−
 
+
−
<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)'''
+

Latest revision as of 19:14, 6 July 2016

General guidelines about Portlet StyleSheets

  • Starting from gCube 3.7.0. we started to adopt Bootstrap getbootstrap.com, a sleek, intuitive, and powerful front-end framework for faster and easier web development. Current version supported by the gCube Portal is v2.3.2
Retrieved from "https://wiki.gcube-system.org/index.php?title=GCube_Widgets_Library_-_General_guidelines_about_Portlet_StyleSheets&oldid=25222"