Difference between revisions of "General guidelines about Portlet StyleSheets"
From Gcube Wiki
(→Installing GridSphere) |
|||
| Line 25: | Line 25: | ||
*Execute: <span style="color:green;">cd $GRIDSPHERE_HOME; ant install</span> | *Execute: <span style="color:green;">cd $GRIDSPHERE_HOME; ant install</span> | ||
*The server url is: ''<nowiki>http://localhost:port/diligent/gcube</nowiki>'' | *The server url is: ''<nowiki>http://localhost:port/diligent/gcube</nowiki>'' | ||
| + | |||
| + | ==StyleSheet Classes== | ||
| + | ===Header=== | ||
| + | For using the diligent-header class, you should add in your html tag the following code:<br> | ||
| + | <span style="color:purple;">class="diligent-header"</span><br> | ||
| + | '''Example:'''<br> | ||
| + | In order to have the following result: | ||
| + | [[Image:Diligent-header.PNG]] | ||
| + | You must write: | ||
| + | <pre><tabale> | ||
| + | <tr class="diligent-header> | ||
| + | <td><img src="browse.png"></td> | ||
| + | <td>Browse</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </pre> | ||
Revision as of 18:02, 25 May 2007
Homogenizing the DILIGENT interface
Contents
Pre-development Actions
Downloading Gridpshere
The official DILIGENT gridsphere version is: 2.2.7.
All the portlet developers must use this version.
To download it click here.
Preparing the environment
- Unzip / Untar the file
- Add a new environmental variable: export GRIDSPHERE_HOME=<grdsphere-folder>
Patching Gridpshere Home
In order to be able to use DILIGENT header themes, you should first patch gridsphere. The needed steps are:
- Download the patch from here
- Unzip / Untar the file
- Execute: cd <patch-folder>; ./patch.sh $GRIDSPHERE_HOME
! Important Info 1:
This patch also contains the changes needed on Gridsphere so as to consume GWT applications.
! Important Info 2:
If you want to use credentials you also have to patch gridpshere for credentials. You can find the needed info here
Installing GridSphere
- Execute: cd $GRIDSPHERE_HOME; ant install
- The server url is: http://localhost:port/diligent/gcube
StyleSheet Classes
Header
For using the diligent-header class, you should add in your html tag the following code:
class="diligent-header"
Example:
In order to have the following result:
You must write:
<tabale>
<tr class="diligent-header>
<td><img src="browse.png"></td>
<td>Browse</td>
</tr>
</table>
