introduction to xslt spsbe07
DESCRIPTION
This is the "Introduction to XSLT" presentation from SharePoint Saturday Belgium.TRANSCRIPT
![Page 1: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/1.jpg)
Elio Struyf
An introduction to XSLT in SharePoint
#SPSBE
#SPSBE07
![Page 2: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/2.jpg)
About me
• Elio Struyf
• SharePoint Consultant at Xylos
• Brander / Developer
• Twitter: eliostruyf
• Blog: http://estruyf.be/blog
@eliostruyf - #SPSBE07
![Page 3: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/3.jpg)
A big thanks to our sponsors
Venue Sponsor
Platinum Sponsors
Gold Premium Sponsors
Gold Sponsors
@eliostruyf - #SPSBE07
![Page 4: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/4.jpg)
Agenda
• What is XSLT?
• Why use XSLT?
• Where to begin
• Demo’s
@eliostruyf - #SPSBE07
![Page 5: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/5.jpg)
Value = 1Value = 3Value = 5Value = 8Value = 2Value = 1
Total = 20
WHAT IS XSLT
• Extensible Stylesheet Language Transformations• Transforming XML data into something else, ex: HTML
• XSLT >= CSS
First name
Last name
Last name
First nameCombined
XML Doc 1
XML Doc 2
@eliostruyf - #SPSBE07
![Page 6: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/6.jpg)
COMPARISON WITH CSS
@eliostruyf - #SPSBE07
![Page 7: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/7.jpg)
WHAT IS XSLTXML Data
XSL Stylesheet
Output
Processor
![Page 8: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/8.jpg)
XSLT EXAMPLE
http://bit.ly/HwJv7G
@eliostruyf - #SPSBE07
![Page 9: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/9.jpg)
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
![Page 10: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/10.jpg)
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
![Page 11: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/11.jpg)
DEMOData View Web Part: Selecting data
@eliostruyf - #SPSBE07
![Page 12: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/12.jpg)
SELECTING DATA
• <xsl:value-of select="@Priority" />
• <xsl:value-of select="substring-after(@Priority, ') ')" />
@eliostruyf - #SPSBE07
![Page 13: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/13.jpg)
DEMOList View: Statements
@eliostruyf - #SPSBE07
![Page 14: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/14.jpg)
CONDITIONAL FORMATING• If Statements: <xsl:if test=“”></xsl:if>
• Choose Element: <xsl:choose><xsl:when test=“”/><xsl:otherwise /></xsl:choose>
@eliostruyf - #SPSBE07
![Page 15: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/15.jpg)
DEMOTwitter Demo
@eliostruyf - #SPSBE07
![Page 16: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/16.jpg)
SHOW HTML CONTENT• disable-output-escaping=“no”
• “<“ ”<”
• disable-output-escaping=“yes”
• “<“ “<“
@eliostruyf - #SPSBE07
![Page 17: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/17.jpg)
DEMOFiddler – Retrieving the raw XML
http://bit.ly/IrsPwU
@eliostruyf - #SPSBE07
![Page 18: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/18.jpg)
THANK YOU!Feedback via Twitter: #SPSBE07
@eliostruyf - #SPSBE07
![Page 19: Introduction to XSLT SPSBE07](https://reader034.vdocument.in/reader034/viewer/2022052619/5560c1c3d8b42a033c8b56a3/html5/thumbnails/19.jpg)
We need your feedback!
Scan this QR code or visit http://svy.mk/sps2012be
Our sponsors: