Thursday, March 22, 2012
How to create custom skin in the wps7
1. Setup WEBDAV for skinlist folder and open
http://localhost:10039/wps/mycontenthandler/dav/skinlist
2. Copy folder "csa2.standard" to you local directory and rename
to "csa2.standardCustom"
3. Inside csa2.standardCustom/metadata edit the
localized_xx.properties and change the value of the property
title
4. Just for verification, lets had little customization to the
skin by editing csa2.standardCustom/nls/skin_en.html
5. Add text "Title:" as shown in the bellow snippet
<span class="lm-dynamic-title asa.portlet.title
decoration-title">Title:<a rel="dynamic-content"
href="lm:title"></a></span>
6. Move the "csa2.standardCustom" to the
http://localhost:10039/wps/mycontenthandler/dav/skinlist
through WEBDAV
7. You could double check the addition of this skin in you portal
by going to Administration/Portal User Interface/Themes and
Skins/Skins.
8. Now you could add this skin to Page Builder theme by clicking
on "Edit theme"
9. Select "Page Builder – Standard Custom" (this is the tile we
given in properties file) and click right arrow to add it to
"Skins for this theme". Finally click OK
10. Now the skin is ready to apply for a portlet. Go the Edit
layout for page>Appearance tab>Skin (under a Portlet)
11. Bellow is the screen shot of the rendering of the Portlet
which uses this customized skin. Please note the text "Title:"
prefixed in the Portlet title bar.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment