designer

Using CSS Reports 363
In this exercise, you use CSS Reports to determine the usage of CSS styles in the Home.
aspx page.
SET UP Using SharePoint Designer, open the team site you used in the previous
exercise. The site settings page should be displayed.
Play
1. In the Customization area of the workspace, click Edit file, and then on the Home
tab, click Advanced Mode in the Editing group.
The Home.aspx page opens in the workspace in advanced edit mode.
2. On the View tab, click Task Panes, and then click CSS Reports to open the CSS
Reports task pane.
3. On the View tab, click Code, and then in the CSS Reports task pane, click the Play
button to open the CSS Reports dialog box.
Troubleshooting If the commands on the View tab are inactive, click in Code view in
the workspace.
4. Click the Usage tab, and verify that Current page is selected as well as the three
check boxes under Check for. Click Check.
The Check Reports task pane lists the CSS selectors that have been applied to the
current page and indicates the line on which the selector is used and the location
where the selector is defined.