Professional SharePoint® 2010 Branding and User Interface Design

306

❘

CHAPTER 10 WEB PARTS AND XSLT

4. While still in SharePoint Designer 2010, place your cursor on the Links List View Web Part

(in either the Code or Design pane), and then click the Design tab of the List View Tools sec-

tion of the ribbon, as shown in Figure 10-18.

FIGURE 10-18

5. In the Actions section of the ribbon, you should see a Customize XSLT drop-down with

the options Customize Entire View and Customize Item. Select the Customize Entire View

(because you want to affect each item in the list, not just a single item).

You may not notice anything initially, but look again at the Code pane. Before you

implemented this change, your page was probably a few hundred lines. However, now

that you have modifi ed the XSLT directly on this page, your line count is probably more

than 2000. By adding the XSLT rules directly to your page, the amount of code in the

page signifi cantly increased.

6. While still in the Split view of the editor window, click any of the links in your List View

Web Part displayed in the Design pane. This should take you near the section of the XSLT

code that is rendering out this column. It is a little tricky to read, so if you don’t see it right

away, hitting Ctrl+F and doing a quick search for the fi rst link can be helpful. The code we

are looking for looks like this:

<a onfocus=”OnLink(this)” href=”{$url}”>

<xsl:choose>

<xsl:when test=”$desc=’’”> ...