Microsoft Sharepoint Products and Technologies Resource Kit eBook

Chapter 32: Using Microsoft Office FrontPage 2003 to Customize SharePoint Products 907
F32XR51
Figure 32-51 Data View with new style in Internet Explorer
As mentioned before, Data Views provide WYSIWYG formatting using XSL
Transformations. The mouse clicks and other actions performed in the previous
steps generated XSLT code and put this code inline within the HTML of your page.
To see this, ensure that DataView.aspx is open in Design view in FrontPage
2003, and click anywhere on the Data View. Now switch to Split view by clicking on
Split in the View Selection bar at the bottom left of the page. This displays both the
code and the design surface simultaneously. The code corresponding to the Data
View is automatically highlighted in the code pane. Notice that XSLTs appear as
CDATA with the tag. FrontPage 2003 generated these stylesheet transformations
because of your actions in the WYSIWYG user interface.
Manually Editing XSLT
The auto-generated XSLTs can also be manually edited to allow a high degree of
flexibility to the author of the page. We will look at a simple illustration of this. Suppose
that you wanted to change the string CompanyName in the Data View so that
it is italicized instead of boldfaced. Again, we will continue formatting the Data View
we added to the DataView.aspx page in the previous section.
To manually edit the XSLT
1. Position the cursor anywhere on the Data View on the DataView.aspx page
and switch to the Split view. By positioning the cursor first, FrontPage 2003
will position the Code pane at the location of the cursor on the page, making
it easier to find the code associated with the element on the page.
2. In the code pane, locate the set of lines in the highlighted text that set the
format for CompanyName.