Portlets often require additional styles that may not be defined by the portal skin. GateIn 3.2 allows you to define additional stylesheets for each portlet and will append the corresponding link tags to the head.

The link ID will be of the form {portletAppName}{PortletName}. For example: ContentPortlet in 01eXoResources.war/WEB-INF/gatein-resources.xmlcontent.war01eXoResources.war/WEB-INF/gatein-resources.xml will give id="contentContentPortlet".

To define a new CSS file to include whenever a portlet is available on a portal page, the following fragment needs to be added to gatein-resources.xml.

<portlet-skin>

  <application-name>portletAppName</application-name>

  <portlet-name>PortletName</portlet-name>

  <skin-name>Default</skin-name>

  <css-path>/skin/DefaultStylesheet.css</css-path>

</portlet-skin>



<portlet-skin>

  <application-name>portletAppName</application-name>

  <portlet-name>PortletName</portlet-name>

  <skin-name>OtherSkin</skin-name>

  <css-path>/skin/OtherSkinStylesheet.css</css-path>

</portlet-skin>

This will load the DefaultStylesheet.css or OtherSkinStylesheet.css when the Default skin or OtherSkin is used respectively.