<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body link="#355491" alink="#4262a1" vlink="#355491" style="background: #e2e2e2; margin: 0; padding: 20px;">
<div>
<table cellpadding="0" bgcolor="#FFFFFF" border="0" cellspacing="0" style="border: 1px solid #dadada; margin-bottom: 30px; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: solid 2px #ccc; background: #dadada; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
<tbody>
<tr>
<td bgcolor="#000000" valign="middle" height="58px" style="border-bottom: 1px solid #ccc; padding: 20px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;">
<h1 style="color: #333333; font: bold 22px Arial, Helvetica, sans-serif; margin: 0; display: block !important;">
<!-- To have a header image/logo replace the name below with your img tag -->
<!-- Email clients will render the images when the message is read so any image -->
<!-- must be made available on a public server, so that all recipients can load the image. -->
<a href="http://community.jboss.org/index.jspa" style="text-decoration: none; color: #E1E1E1">JBoss Community</a></h1>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="font: normal 12px Arial, Helvetica, sans-serif; color:#333333; padding: 20px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;"><h3 style="margin: 10px 0 5px; font-size: 17px; font-weight: normal;">
Customized Skinning in Jboss Enterprise Platform Portal
</h3>
<span style="margin-bottom: 10px;">
created by <a href="http://community.jboss.org/people/ranman17">Ranjith Reddy</a> in <i>JBoss Portal</i> - <a href="http://community.jboss.org/message/577843#577843">View the full discussion</a>
</span>
<hr style="margin: 20px 0; border: none; background-color: #dadada; height: 1px;">
<div class="jive-rendered-content"><p>I have read documentation for customized skinning in Jboss Portal and could not find the exact steps that needs to be followed in getting this resolved.</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p><a class="jive-link-external-small" href="http://docs.redhat.com/docs/en-US/JBoss_Enterprise_Portal_Platform/5.1/html/Reference_Guide/sect-Reference_Guide-Skinning_the_Portal-Creating_New_Skins.html" target="_blank">http://docs.redhat.com/docs/en-US/JBoss_Enterprise_Portal_Platform/5.1/html/Reference_Guide/sect-Reference_Guide-Skinning_the_Portal-Creating_New_Skins.html</a></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>Steps:</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>1. Create a new skin ( called MySkin)  in gatein.ear\01eXoResources.war\skin. For now, I just copied the DefaultSkin directory and renamed it to Myskin and also copied the StyleSheet.css into MySkinStyleSheet.css</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>2. Added the following to the the gatein-resources.xml (gatein.ear\01eXoResources.war\WEB-INF\gatein-resources.xml)</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><div class="e"><div class="c" style="margin-left: 1em; text-indent: -2em;"><a class="jive-link-external-small" href="#">-</a> <portal-skin></div><div style="display: block;"><div class="e"><div style="margin-left: 1em; text-indent: -2em;">  <skin-name>Default</skin-name></div></div><div class="e"><div style="margin-left: 1em; text-indent: -2em;">  <css-path>/skin/Stylesheet.css</css-path></div></div><div>  </portal-skin></div></div></div><div class="e"><div class="c" style="margin-left: 1em; text-indent: -2em;"><strong><a class="jive-link-external-small" href="#">-</a> <portal-skin></strong></div><div style="display: block;"><div class="e"><div style="margin-left: 1em; text-indent: -2em;"><strong>  <skin-name>MySkin</skin-name></strong></div></div><div class="e"><div style="margin-left: 1em; text-indent: -2em;"><strong>  <css-path>/skin/MySkinStylesheet.css</css-path></strong></div></div><div class="e"><div style="margin-left: 1em; text-indent: -2em;"><strong>  <overwrite>false</overwrite></strong></div></div><div><strong>  </portal-skin></strong></div><div> </div><div> </div><div>3. Added the following in portal.xml (\gatein.ear\02portal.war\WEB-INF\conf\portal\portal\classic) to attach the Myskin profile.</div><div> </div><div><access-permissions>Everyone</access-permissions><br/>  <edit-permission>*:/platform/administrators</edit-permission><br/><strong>  <skin>MySkin</skin></strong></div><div> </div><div> </div><div>After doing that, I was able to see the MySkin in the list of the skins available in the UI but I was not able to accompolish the following.</div><div> </div><div>a) I tried configuring the Portal skin preview and was showing blank screen in the preview ( from UI)</div><div>b) Are there any other changes that is needed in 02Portal.war/web.war? I am asking this because I saw there is another gatein-resources.xml which I am not sure the purpose of it? and there is a skin directory in the web.war file.</div><div>c)If we want to apply the changes to any of the Groovy compoenents. what is the best practice ( development process ) to be followed here?</div><div> </div><div><strong>Thanks</strong></div><div><strong>Ranjith<br/></strong></div><div> </div></div></div></div>
<div style="background-color: #f4f4f4; padding: 10px; margin-top: 20px;">
<p style="margin: 0;">Reply to this message by <a href="http://community.jboss.org/message/577843#577843">going to Community</a></p>
<p style="margin: 0;">Start a new discussion in JBoss Portal at <a href="http://community.jboss.org/choose-container!input.jspa?contentType=1&containerType=14&container=2011">Community</a></p>
</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>