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