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.
#SPSBEAn introduction to XSLT in        SharePoint           #SPSBE07          Elio Struyf
About me• Elio Struyf• SharePoint Consultant at Xylos• Brander / Developer• Twitter: eliostruyf• Blog: http://estruyf.be/b...
A big thanks to our sponsorsPlatinum SponsorsGold Premium Sponsors                            Venue SponsorGold Sponsors  ...
Agenda• What is XSLT?• Why use XSLT?• Where to begin• Demo’s                   @eliostruyf - #SPSBE07
WHAT IS XSLT• Extensible Stylesheet Language Transformations• Transforming XML data into something else, ex: HTML• XSLT >=...
COMPARISON WITH CSS               @eliostruyf - #SPSBE07
WHAT IS XSLTXML Data                             OutputXSL Stylesheet                 Processor
XSLT EXAMPLE                                        http://bit.ly/HwJv7G               @eliostruyf - #SPSBE07
WHY USE XSLT?•   It allows you to filter and sort the data•   Apply your own styling and formatting     • Style your data ...
START USING IT!•    Good to know: SP 2007 / 2010 = XSLT 1.0•    SP2010 List views are created with XSLT•    “XSLT is a too...
Data View Web Part: Selecting dataDEMO                              @eliostruyf - #SPSBE07
SELECTING DATA• <xsl:value-of select="@Priority" />• <xsl:value-of select="substring-after(@Priority, ) )" />             ...
List View: StatementsDEMO                        @eliostruyf - #SPSBE07
CONDITIONAL FORMATING•   If Statements: <xsl:if test=“”></xsl:if>•   Choose Element: <xsl:choose><xsl:when test=“”/><xsl:o...
Twitter DemoDEMO               @eliostruyf - #SPSBE07
SHOW HTML CONTENT•   disable-output-escaping=“no”     •   “<“ ”&lt;”•   disable-output-escaping=“yes”     • “<“  “<“    ...
Fiddler – Retrieving the raw XMLDEMO                                                    http://bit.ly/IrsPwU              ...
Feedback via Twitter: #SPSBE07THANK YOU!                             @eliostruyf - #SPSBE07
We need your feedback!               Scan this QR code or visit               http://svy.mk/sps2012be               Our sp...
Upcoming SlideShare
Loading in …5
×

Introduction to XSLT SPSBE07

862 views

Published on

This is the "Introduction to XSLT" presentation from SharePoint Saturday Belgium.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Introduction to 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: http://estruyf.be/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 http://bit.ly/HwJv7G @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 http://bit.ly/IrsPwU @eliostruyf - #SPSBE07
  18. 18. Feedback via Twitter: #SPSBE07THANK YOU! @eliostruyf - #SPSBE07
  19. 19. We need your feedback! Scan this QR code or visit http://svy.mk/sps2012be Our sponsors:

×