Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Elio struyf introduction-xslt-spsbe07


Published on

The session gives an introduction on using XSLT or Extensible Stylesheet Language Transformations ( in your SharePoint environment, and focuses on SharePoint users which have never used XSLT.
XSLT can be used for transforming structured information like XML. You will learn how to retrieve the XML from a particular SharePoint list, and how to transform your list data with the help of a Data View Web Part to in another format like HTML. The last step is to transform some external data, like for example a Twitter search feed.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Elio struyf introduction-xslt-spsbe07

  1. 1. #SPSBEAn introduction to XSLT in SharePoint #SPSBE07 Elio Struyf
  2. 2. About me• Elio Struyf• SharePoint Consultant at Xylos• Brander / Developer• Twitter: eliostruyf• Blog: @eliostruyf - #SPSBE07
  3. 3. A big thanks to our sponsorsPlatinum SponsorsGold Premium Sponsors Venue SponsorGold Sponsors @eliostruyf - #SPSBE07
  4. 4. Agenda• What is XSLT?• Why use XSLT?• Where to begin• Demo’s @eliostruyf - #SPSBE07
  5. 5. WHAT IS XSLT• Extensible Stylesheet Language Transformations• Transforming XML data into something else, ex: HTML• XSLT >= CSS Value = 1 XML Doc31 Value = First name Last name Value = 5 Combined XML name Last Doc82 Total = 20 First name Value = Value = 2 Value = 1 @eliostruyf - #SPSBE07
  6. 6. COMPARISON WITH CSS @eliostruyf - #SPSBE07
  7. 7. WHAT IS XSLTXML Data OutputXSL Stylesheet Processor
  8. 8. XSLT EXAMPLE @eliostruyf - #SPSBE07
  9. 9. WHY USE XSLT?• It allows you to filter and sort the data• Apply your own styling and formatting • Style your data in different formats• Doing calculations• Easy to use in SharePoint @eliostruyf - #SPSBE07
  10. 10. START USING IT!• Good to know: SP 2007 / 2010 = XSLT 1.0• SP2010 List views are created with XSLT• “XSLT is a tool, not a religion” – Doug Tidwell @eliostruyf - #SPSBE07
  11. 11. Data View Web Part: Selecting dataDEMO @eliostruyf - #SPSBE07
  12. 12. SELECTING DATA• <xsl:value-of select="@Priority" />• <xsl:value-of select="substring-after(@Priority, ) )" /> @eliostruyf - #SPSBE07
  13. 13. List View: StatementsDEMO @eliostruyf - #SPSBE07
  14. 14. CONDITIONAL FORMATING• If Statements: <xsl:if test=“”></xsl:if>• Choose Element: <xsl:choose><xsl:when test=“”/><xsl:otherwise /></xsl:choose> @eliostruyf - #SPSBE07
  15. 15. Twitter DemoDEMO @eliostruyf - #SPSBE07
  16. 16. SHOW HTML CONTENT• disable-output-escaping=“no” • “<“ ”&lt;”• disable-output-escaping=“yes” • “<“  “<“ @eliostruyf - #SPSBE07
  17. 17. Fiddler – Retrieving the raw XMLDEMO @eliostruyf - #SPSBE07
  18. 18. Feedback via Twitter: #SPSBE07THANK YOU! @eliostruyf - #SPSBE07
  19. 19. We need your feedback! Scan this QR code or visit Our sponsors: