Showing posts with label skin. Show all posts
Showing posts with label skin. Show all posts
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.
Steps to Setup WEBDAV in Windows for skinlist folder
1. Make sure your portal server is up and running
2. In Windows xp, go to My Network Places
3. Click "Add Network Place"
4. In the Welcome dialog, Click Next
5. Select "Choose another network location" In the list of service
provider and click Next
6. Enter http://localhost:10039/wps/mycontenthandler/dav/skinlist
in the Network address and Click Next
7. You will be prompted for username and password of Portal
server, enter the values and click OK
8. It would take some time to connect and it would ask for label
for this network place. Give it as "skinlist on localhost" and
click Next
9. Click Finish and Open the network place. Now you could see
bellow window
Subscribe to:
Posts (Atom)





