SharePoint XSL web part with custom xsl for contacts list

In my previous post
I explained how you can create a new interface for a specific list by using the XLV webpart.

This post demonstrates how you can extend the the list view webpart of a list based on the out-of-the-boc contact list template.

Copy paste the following code in an xsl file and upload it in the style library.Tthe final step is to link the listview webpart with the xsl in the style in the style library and your done!

Download the xsl file here:
contacts.xsl



  
  
    
      
        .employee{
          display:block;
          height:60px;
          padding-left: 30px;
          background:  transparent url('http://cdn2.iconfinder.com/data/icons/sem_labs_icon_pack/icons/user_male_olive_blue_black.png') no-repeat 0 0;
        }

        .employee ul{
          list-style-type: none;
        }

        .employeebg:hover{
          border:1px solid silver;
          cursor:pointer;
          color: #fff;
          /* fallback (Opera) */
          background: #008800;
          /* Mozilla: */
          background: -moz-linear-gradient(top, #A2C5DE, #387BAB);
          /* Chrome, Safari:*/
          background: -webkit-gradient(linear,
                      left top, left bottom, from(#A2C5DE), to(#387BAB));
          /* MSIE */
          filter: progid:DXImageTransform.Microsoft.Gradient(
                      StartColorStr='#A2C5DE', EndColorStr='#387BAB', GradientType=0);
        }
      
      ]]>
    
    

Hope it helps,
Tom

VN:F [1.9.22_1171]
Rating: 5.0/10 (7 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 3 votes)
SharePoint XSL web part with custom xsl for contacts list, 5.0 out of 10 based on 7 ratings