General guidelines about Portlet StyleSheets

Homogenizing the D4Science interface

StyleSheet Classes

Header

For using the diligent-header class, you should add in your html tag the following code:
class="d4science-header"
Example:
In order to have the following result:

You must write:

<table>
    <tr class="d4science-header">
        <td><img src="browse.png"></td>
        <td>Browse</td>
    </tr>
</table>

Body

For the body you should you the css class named "portlet-section-body"

Importing Custom-made CSS files

There are two ways to import a custom-made css file:

1. In doView() method of your portlet, you write: response.addProperty("CSS_HREF", request.getContextPath() + "/html/<css-filename>.css");
2. Directly in the jsp page: <link rel="stylesheet" href="<%= request.getContextPath()%>/html/<css-filename>.css" type="text/css">

---

---

--Valia 19:22, 25 May 2007 (EEST)